ページに iframe を使用していくつかのビデオを読み込んでいます。これらのビデオには、YouTube にアップロードしたカスタムの高品質のサムネイルがあります。幅 1280 ピクセルのプレーヤーがあり、ほとんどの場合、最大解像度のサムネイルは読み込まれませんが、低品質のサムネイルが読み込まれます。
これまでのところ、YouTube がどのサムネイルを読み込むかを決定する方法を理解できませんでした。ここ数日、Firefox と IE では高品質のサムネイルを読み込んでいましたが、Chrome では低解像度を使用していました。現在、すべてのブラウザで同じです -> 低品質の画像をロードします。
自分の目で確かめたい場合は、こちらのサイトをご覧ください: http://wingtsun-akademie-heidelberg.de/new/
私は js iframe API で HD 品質を強制しようとしました:
player = new YT.Player(el, {
height: 1080,
width: 1920,
hd: 1,
events: {
'onStateChange': onPlayerStateChange
}
});
でも効果ないみたい?プレーヤー オブジェクトにカスタム サムネイルを提供することで、カスタム サムネイルをロードできるかどうかはわかりませんか?
現在、YouTube はほとんどの場合、http: //i3.ytimg.com/vi/WqK2IlP-JSE/hqdefault.jpg ではなく、 http: //i3.ytimg.com/vi/WqK2IlP-JSE/をロードしているようです。 maxresdefault.jpg
ご提案いただきありがとうございます。