Webページに埋め込んだYouTubeの動画が再生されずに終了してしまう

現象:

Webページに埋め込んだYouTubeの動画の再生ボタンをクリックすると、動画が再生されずに一瞬で終了してしまう。

原因:

以前は再生出来ていて、最近再生できなくなりました。
原因はわかりませんが、解像度を下げると再生できることがわかりました。

解決策:

動画をアップロードしたアカウントで、YouTubeにログインし、
http://www.youtube.com/account_playback
このURLにある、再生方法の「動画の再生画質」を初期値の
「常に接続速度とプレーヤーサイズに最適な画質を使用する」
から
「接続速度が遅いので今後動画を高画質で再生しない」
に変更することで再生できるようになりました。
YouTube 再生方法 動画の再生画質

YouTube 再生方法 動画の再生画質

上記の設定で、Mac OS のブラウザでは画質が 360p になり再生できたのですが、Windows のブラウザでは 480p で再生しようとしてうまくいきませんでした。
そこで、&vq=medium を動画の URL に追加することで 360p で再生できるようになりました。

参考:

https://developers.google.com/youtube/iframe_api_reference#Playback_quality

  • Quality level small: Player height is 240px, and player dimensions are at least 320px by 240px for 4:3 aspect ratio.
  • Quality level medium: Player height is 360px, and player dimensions are 640px by 360px (for 16:9 aspect ratio) or 480px by 360px (for 4:3 aspect ratio).
  • Quality level large: Player height is 480px, and player dimensions are 853px by 480px (for 16:9 aspect ratio) or 640px by 480px (for 4:3 aspect ratio).
  • Quality level hd720: Player height is 720px, and player dimensions are 1280px by 720px (for 16:9 aspect ratio) or 960px by 720px (for 4:3 aspect ratio).
  • Quality level hd1080: Player height is 1080px, and player dimensions are 1920px by 1080px (for 16:9 aspect ratio) or 1440px by 1080px (for 4:3 aspect ratio).
  • Quality level highres: Player height is greater than 1080px, which means that the player’s aspect ratio is greater than 1920px by 1080px.
  • Quality level default: YouTube selects the appropriate playback quality. This setting effectively reverts the quality level to the default state and nullifies any previous efforts to set playback quality using the cueVideoById, loadVideoById or setPlaybackQuality functions.

コメントを残す