-->

March 24, 2017

Cara Memasukkan, menyisipkan, atau memasang Video Youtube di Posting Blog Valid Amp HTML. Khususnya buat blog video (vlog) yang simpan video di Youtube. Jika kita menyertakan kode video Youtube dalam postingan blog, maka kode tempelnya (embed) akan mengandung kode <iframe> yang menurut Chkme tidak diindeks mesin pencari Google. Skor seo blog pun akan berkurang hingga 28 poin jika ada kode iframe di blog kita.



amp-youtube

Untuk menyimpan video Youtube pada template valid AMP HTML untuk Blogger / Blogspot, pada tag <head> harus terdapat script amp-youtube seperti ini : 
<script async='async' custom-element='amp-youtube' src='https://cdn.ampproject.org/v0/amp-youtube-0.1.js'/>
kemudian cara penulisan pada template / postingan seperti ini (ukuran di sesuaikan) : 
<amp-youtube width="480"
height="270"
layout=responsive
data-videoid="lBTCB7yLs8Y">
</amp-youtube>
Kode lBTCB7yLs8Y adalah kode yang didapat dari URL Youtube. Contoh video dengan menerapkan kode di atas, seperti ini :



Layout yang support: fill, fixed, fixed-height, flex-item, nodisplay, responsive.

Baca juga : Cara Membuat Spoiler Di Blog AMP HTML

kalau ingin video yang akan dimasukan dalam poatingan memutar secara otomatis, kita tinggal tambahkan tulisan autoplay. maka kode yang di gunakan seperti di bawah ini. 
<amp-youtube width="480" 
height="270" 
layout=responsive data-videoid="lBTCB7yLs8Y" autoplay> 
</amp-youtube>

maka hasilnya seperti di bawah ini, dan memutar secara otomatis.



Demikianlah artikel tentang Cara Memasang Embed Video Youtube di Posting Blog Valid Amp HTML. Semoga bermanfaat.

Amp, Blogger, Tutorial

You Might Also Like:

Next Post
Previous Post
How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre>or<pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser

Tambahkan Komentar Tutup Komentar

Disqus Comments