こんにちは。ましじめの田村です。
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対応する際に参考にしてみてください。
関連するタグ
全 1 件中 1 〜 1 件目を表示
この記事を書いた人
たむら しょうご
HTML&CSSコーダー
ウェブアクセシビリティ対応、フロントエンド開発、CMSを利用したウェブサイト制作を担当しています。
趣味はガーデニングです。