我正在尝试嵌入高清YouTube视频,但无论我尝试什么,它似乎只能加载480p版本.
据YouTube称,嵌入高清视频就像添加hd=1到网址一样简单:
<iframe src="//www.youtube.com/embed/{videoId}?hd=1" width="960" height="720" frameborder="0" allowfullscreen></iframe>
Run Code Online (Sandbox Code Playgroud)
然而,这似乎并没有起作用,至少在我的实现中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>
Run Code Online (Sandbox Code Playgroud)
Javascript API也是如此:
HTML:
<div id="video-player"></div>
Run Code Online (Sandbox Code Playgroud)
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();
}
Run Code Online (Sandbox Code Playgroud)