YouTube iframe 嵌入未以高清开始 [英] YouTube iframe embed not starting in HD
本文介绍了YouTube iframe 嵌入未以高清开始的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试嵌入高清 YouTube 视频,但无论我尝试什么,它似乎都只能加载 480p 版本.
I'm trying to embed an HD YouTube video but no matter what I try, it only ever seems to load the 480p version.
根据 YouTube 的说法,嵌入高清视频就像在 URL 中添加 hd=1
一样简单:
According to YouTube, embedding an HD video is as simple as adding hd=1
to the URL:
<iframe src="//www.youtube.com/embed/{videoId}?hd=1" width="960" height="720" frameborder="0" allowfullscreen></iframe>
但是,这似乎不起作用,至少在我的 iframe
实现中:
This, however, does not seem to be working, at least in my implementation of the iframe
:
<iframe id="video-player" width="960" height="720" src="//www.youtube.com/embed/{videoId}?enablejsapi=1&autoplay=1&rel=0&modestbranding=1&showinfo=0&showsearch=0" frameborder="0" allowfullscreen></iframe>
Javascript API 也是如此:
The same is true with the Javascript API:
HTML:
<div id="video-player"></div>
JS:
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('video-player', {
height: '720',
width: '960',
videoId: '{videoId}',
playerVars: {
'controls': 1,
'autoplay': 1,
'hd': 1
},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
player.playVideo();
}
推荐答案
使用这个参数:
vq=hd1080
示例:
<iframe src="https://www.youtube-nocookie.com/embed/SzTdgE04uA8?vq=hd1080" width="853" height="480"></iframe>
这篇关于YouTube iframe 嵌入未以高清开始的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文