AMP YouTubeを表示する

AMP

こんにちは。ましじめの田村です。
AMPでYouTubeを表示したいケースがありました。

非AMPページに動画がある場合AMPページにも同じ動画を配置しないと「コンテンツの不一致: 埋め込み動画なし」となり警告となるケースがあるので注意が必要です。
Google 固有の AMP の問題

公式ドキュメントを見るとこちらの内容で表示可能でした。
amp-youtube

必須のスクリプト

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

表示例

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

以上「AMP YouTubeを表示する」でした。
AMP対応する際に参考にしてみてください。

前の記事 次の記事

ましじめのスキルが必要ですか?

遠慮なくご相談ください。我々はあなたのプロジェクトに最善を尽くし、
あなたのウェブサイトの制作を強力にサポートすることができます。

ご連絡おまちしています!

10万円からホームページ作成サービス

フレームワークをベースに柔軟なカスタマイズ&低価格で作成します。

サービスを詳しく見たい方へ