概要
埋め込みyoutube動画(iframe)上に配置したサムネイル画像をクリックして動画を再生させる方法を紹介。用途・要件
- 埋め込みyoutube動画(iframe)上に配置したサムネイル画像(img)をクリックすると動画を再生。
- アスペクト比16:9でレスポンシブ対応。
- 同一ページへの複数設置可能。
検証ブラウザ
- Google Chrome(最新)
- Microsoft Edge(最新)
- Safari(最新)
- Firefox(最新)
その他
- jQuery v3.7.1使用。
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。（トラブルシューティングページへ）
