YouTubeの動画を自分のウェブサイトやブログに埋め込んでみたけれど、再生できなかったり、エラーメッセージが表示されたりすることはありませんか？今回は、そんなお悩みを解決するために、よくあるエラーとその対処法を、初心者の方にもわかりやすくご紹介します。
よくあるエラーとその原因
Youtubeのイメージ
YouTubeの動画を埋め込む際に、以下のようなエラーが発生することがあります。
「再生できません」や「動画が見つかりません」の表示
このエラーは、埋め込む動画の設定やURLに問題がある場合に発生します。
ここがポイント！
- 埋め込みが無効化されている: 動画のアップロード者が「埋め込みを許可しない」設定にしていると、他のサイトで再生できません。
- URLの間違い: 埋め込み用のURLが正しくないと、動画が表示されません。例えば、YouTubeのショート動画は通常の動画とはURLが異なります。
「frameborder」や「scrolling」などの属性によるエラー
以前の埋め込みコードには、`frameborder`や`scrolling`などの属性が含まれていることがありますが、これらは現在のHTMLでは非推奨となっています。
ここがポイント！
- frameborder=”0″: 枠線を非表示にするための属性ですが、現在はCSSで代替することが推奨されています。
- scrolling=”no”: スクロールバーの表示を制御する属性ですが、これも現在は非推奨です。
スマートフォンやタブレットで再生できない
スマートフォンやタブレットで動画が再生できない場合、以下の原因が考えられます。
ここがポイント！
- プライバシー強化モード: YouTubeの埋め込みコードに「youtube-nocookie.com」が含まれていると、プライバシー強化モードが有効になり、再生できないことがあります。
- ブラウザの設定: 一部のブラウザやセキュリティ設定が影響して、動画が再生されないことがあります。
エラーの解決方法
それぞれのエラーに対する解決方法をご紹介します。
埋め込みが無効化されている場合
ここがポイント！
- 動画のアップロード者が「埋め込みを許可しない」設定にしている場合、他のサイトで再生することはできません。この設定を変更することはできませんので、他の動画を使用することを検討してください。
URLの間違いを修正する
ここがポイント！
- YouTubeのショート動画を埋め込む場合、URLを`https://www.youtube.com/embed/動画ID`の形式に変更してください。例えば、`https://www.youtube.com/shorts/動画ID`を`https://www.youtube.com/embed/動画ID`に変更します。
非推奨属性を削除する
ここがポイント！
- 埋め込みコードから`frameborder`や`scrolling`などの非推奨属性を削除し、必要なスタイルはCSSで設定してください。
プライバシー強化モードを無効にする
ここがポイント！
- YouTubeの埋め込みコードに「youtube-nocookie.com」が含まれている場合、これを「youtube.com」に変更することで、プライバシー強化モードを無効にできます。
よくある質問や疑問
質問: 埋め込みコードをどこで取得できますか？
ここがポイント！
- 動画のページで「共有」ボタンをクリックし、「埋め込む」を選択すると、埋め込み用のコードが表示されます。このコードをコピーして、ウェブページに貼り付けてください。
質問: 埋め込みコードを貼ったのに動画が表示されません。
ここがポイント！
- 埋め込みコードが正しいか、URLが間違っていないかを確認してください。また、動画の設定で「埋め込みを許可する」設定になっているかも確認してください。
質問: スマートフォンで動画が再生できません。
ここがポイント！
- プライバシー強化モードが有効になっている可能性があります。埋め込みコードのURLを「youtube-nocookie.com」から「youtube.com」に変更してみてください。
まとめ
YouTubeの動画をウェブサイトに埋め込む際のエラーは、設定やコードの小さな違いで発生することがあります。今回ご紹介した解決方法を試して、快適に動画を埋め込んでみてください。もし他にも疑問やお悩みがあれば、お気軽にLINEからお声掛けください。
コメント