トップページ
AMP導入前の予備知識|記事内装飾、画像等への対応?
シリウス専用のAMP HTMLソース公開
AMP検証テスト
AMPオープンソースTP仕様導入
サイト内ファイルの構築?
AMP化する理由
AMP専用youtube
ページスクロールボタン
メインサイト

youtubeコードのAMP化

スポンサー広告

youtube

記事コンテンツの流れで、読者を楽しませる目的でしょう..
youtube動画の配置例は多いですね..

 

さて、シリウスをAMP化するとなれば従来の記述コードではなく、専用のコードで
記述することになります..

 

現運営中のサイトをAMP化する際は、事前に配置されるコードを書き換えてください..

 

理由..

 

AMP構造に改変するとなれば何度もサーバーアップすることになりますが、記事内
コードが不完全であれば、有効サイトとして認証されないから...です。

 

 

 

 

 

手順...

 

AMP HTML..head内に以下記述を追記してください..

 

<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>

 

 

記事内に配置するコードは以下...youtubeURL、サイズを書き換えてください

 

<amp-youtube width="480"
height="270"
layout="responsive"
data-videoid="lBTCB7yLs8Y">
</amp-youtube>

 

これだけです?responsive効果ありですので不安なく...