対象:【中級者向け】
解決プロダクト:HTML, JavaScript
よくある状況
- ページ内に多数のYouTube埋め込み(iframe)を配置すると、ページの初期読み込み速度が著しく低下し、ユーザー体験を損ねてしまう 。
- 動画のサムネイルをクリックした時だけプレーヤーを起動させたいが、JavaScriptが無効な環境や、スクリプトの読み込みエラー時にリンクが全く機能しなくなる脆弱な構造になりがちである 。
- ローカル環境でファイルとして開いた際と、Webサーバー上で公開した際とで、動画再生への遷移挙動を適切に切り替えたい 。
埋め込み時のパフォーマンスとアクセシビリティ確保.jpg)


