Cara Menciptakan Full Screen Iframe Hasil Embed Dari Google Drive

Iframe yaitu bingkai untuk menampilkan halaman website lain pada suatu halaman di web atau blog kita. Sebagai rujukan Iframe yang banyak dipakai yaitu ketika kita memasang video dari youtube di blog kita, memasang Iframe sebuah dokumen yang dibentuk di google drive, atau memasang iframe dari sebuah form yang dibentuk di google drive, dan masih banyak rujukan lainya.

Standar isyarat Iframe yaitu sebagai berikut:
<iframe src="URL-WEB" width="300" height="200"></iframe>

Dengan klarifikasi URL-WEB merupakan halaman web yang akan ditampilkan dalam Iframe, width:300 rujukan menampilkan dengan lebar 300px, dan height: 200 rujukan menampilkan Iframe dengan tinggi 200px.

Bagaimana jikalau kita menginginkan Membuat Full Screen iframe Hasil Embed dari Google Drive?

Untuk menciptakan Iframe full screen yang kita dapatkan dari google drive cukup dengan menambahkan isyarat berikut didalam Iframe:

style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"

Sebagai rujukan kita mendapat isyarat Iframe sebuah form yang dibentuk di google drive sebagai berikut:

<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSd5LjgRktAQ7a1ZhR-aRXyATPSgp4XYdh-p6-mXFAa_6UiDlw/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Memuat...</iframe>

Dengan menggabungkan dengan isyarat full screen diatas, maka akibatnya menyerupai pada isyarat berikut:

<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSd5LjgRktAQ7a1ZhR-aRXyATPSgp4XYdh-p6-mXFAa_6UiDlw/viewform?embedded=true" style=&quot;overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px&quot; height=&quot;100%&quot; width=&quot;100%&quot;>Memuat...</iframe>

Contoh hasil Iframe fill screen ini sanggup anda lihat DISINI.

Demikian Cara Membuat Full Screen iframe Hasil Embed dari Google Drive, Semoga Bermanfaat.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: