Cách nhúng Iframe chuẩn html5 và Full màn hình

Không phải lúc nào bạn cũng có thể tạo nội dung hấp dẫn cho trang web của mình. Nhưng khi nói đến việc chia sẻ nội dung do người khác thực hiện, vấn đề bản quyền luôn ở đó. Bạn có thể nhúng mã iFrame để chia sẻ nội dung của mọi người mà không làm chậm trang web của bạn mà không có vấn đề bản quyền. Hãy bắt đầu với mã iFrame trong HTML và cách sử dụng nó.

Your_caption_is_here

IFrame là gì và làm thế nào để sử dụng nó?

iFrame là một kỹ thuật sử dụng mã HTML để nhúng bất kỳ nội dung nào vào trang web WordPress của bạn mà không cần phải tự lưu trữ nội dung đó. IFrame bao gồm các thẻ HTML, URL nội dung hoặc trang hoặc nền tảng bên ngoài và các thông số khác để hiển thị nội dung trên trang web của bạn. 

Khi bạn tạo hoặc nhúng mã iFrame vào HTML của nội dung bên ngoài, điều đó có nghĩa là nội dung đó sẽ không chiếm dung lượng lưu trữ của riêng bạn. Vì lý do này, ngay cả khi kích thước nội dung lớn, tốc độ trang web của bạn sẽ không bị ảnh hưởng. Bạn có thể nhúng bất kỳ tệp hình ảnh, âm thanh hoặc video nào có kích thước lớn bằng mã iFrame vào trang web WordPress của mình. Những tệp này có thể được lưu trữ bởi người khác và sử dụng iFrame, bạn có thể chia sẻ chúng mà không cần nghĩ đến bất kỳ vi phạm bản quyền nào. 

Cách để nhúng mã iFrame vào trang Web, Blogger/Blogspot

1. Cách nhúng iframe

a. Nhúng không full màn hình

 <script type="text/javascript">
//<![CDATA[
document.write('<iframe src="url_is_here" scrolling="yes" frameborder="1" height="500" width="100%"></iframe>');
//]]>
</script> 

b. Cách nhúng full màn hình

<div style='position:fixed;bottom:0;right:0;top:0;left:0;z-index:999;'>
 <iframe src="url_is_here" scrolling="yes" frameborder="1" height="100%" width="100%"></iframe> 
 </dicv>

Nếu thực hiện cách nhúng theo cách trên mà bị báo lỗi W3C/HTML5 thì các bạn hãy thực hiện theo cú pháp sau

<div style='position:fixed;bottom:0;right:0;top:0;left:0;z-index:999;'>
<script type="text/javascript">
//<![CDATA[
document.write('<iframe src="url_is_here" scrolling="yes" frameborder="1" height="100%" width="100%"></iframe>');
//]]>
</script>
 </div>

2. Phòng chống nhúng iframe

Cách thực hiện: Vào Mẫu >> Chỉnh sửa HTML tìm đến thẻ </head> và chèn vào trước nó đoạn code

<script language="JavaScript">
if (window != top) top.location.href = location.href;
</script>

Kết Luận

Đoạn Script này sẽ kiểm tra url hiện tại của website và url gốc được nhúng, nếu như xác định iframe được nhúng từ website khác, nó sẽ chuyển thẳng về url gốc. Blog của bạn từ nay sẽ không còn lo bị website khác nhúng iframe nữa.

Chúc các bạn thành công

Truy cập Bypass Google Account APK để tải file APK nhé