Video Instagram sedang naik daun. Sayangnya tak ada fitur embed video Instagram seperti halnya YouTube atau situs video sharing lainnya. Untungnya ada pihak ketiga yang menawarkan jasa memberikan kode embed video di web.
Penulis menemukan situs http://www.instaembed.com bisa digunakan untuk mendapatkan kode embed video. Anda hanya perlu menyalin kode url dari Instaembed lalu memasangnya di blog.
1. Salin alamat url video Instagram anda. Caranya pada browser, arahkan kursor ke video lalu klik kanan mouse dan pilih “Copy Link Address“
2. Pergi ke http://www.instaembed.com/ lalu paste url video yang telah anda salin. Misalnya http://instagram.com/p/a4iDTUAnfi/
3. Pilih Generate Embed Code. Anda akan diberikan kode embed videonya. Salin kodenya ke blog.
4. Selesai
Update:
http://instaembed.com sudah tidak dapat digunakan. Instagram telah memberikan fitur embed video, sehingga anda cukup ambil kode embed langsung dari Instagram.
Contoh kode Embed Instagram:
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-version="4" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAGFBMVEUiIiI9PT0eHh4gIB4hIBkcHBwcHBwcHBydr+JQAAAACHRSTlMABA4YHyQsM5jtaMwAAADfSURBVDjL7ZVBEgMhCAQBAf//42xcNbpAqakcM0ftUmFAAIBE81IqBJdS3lS6zs3bIpB9WED3YYXFPmHRfT8sgyrCP1x8uEUxLMzNWElFOYCV6mHWWwMzdPEKHlhLw7NWJqkHc4uIZphavDzA2JPzUDsBZziNae2S6owH8xPmX8G7zzgKEOPUoYHvGz1TBCxMkd3kwNVbU0gKHkx+iZILf77IofhrY1nYFnB/lQPb79drWOyJVa/DAvg9B/rLB4cC+Nqgdz/TvBbBnr6GBReqn/nRmDgaQEej7WhonozjF+Y2I/fZou/qAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div> <p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://instagram.com/p/a4iDTUAnfi/" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_top">Mencoba instagram video #hptekno</a></p> <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">A video posted by Catatan R10 (@catatanr10) on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2013-06-23T01:38:17+00:00">Jun 22, 2013 at 6:38pm PDT</time></p></div></blockquote>
<script async defer src="//platform.instagram.com/en_US/embeds.js"></script>
Hasilnya akan seperti ini:
Bila anda kesulitan memasang foto dan video Instagram di WordPress, penulis telah membuatkan tutorialnya di entri “Tutorial Cara Embed Foto Dan Video Instagram Di WordPress“.
[…] pernah membuat tulisan “Cara Pasang Video Instagram Di Blog“. Saat itu Instagram belum memiliki fitur embed foto atau video untuk ditaruh di blog. Kali […]