<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('youtube-vid', {
videoId: 'M7lc1UVf-VE',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
event.target.playVideo();
event.target.setPlaybackQuality('hd1080');
}
function onPlayerStateChange(e) {
if (e.data === YT.PlayerState.ENDED) {
player.playVideo();
}
}
</script>
Please help me out to set youtube quality hd1080 and auto play on page load I used the above code but it not working for me
提前致谢!
最佳答案
Chrome 的自动播放政策于 2018 年 4 月发生变化 https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
Google Chrome 不允许自动播放视频。如果您想自动播放,则必须将视频静音。根据政策指南。
// This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'M7lc1UVf-VE',
events: {
'onReady': onPlayerReady
}
});
}
// The API will call this function when the video player is ready.
function onPlayerReady(event) {
player.setPlaybackRate(2);
event.target.playVideo();
}
<div id="player"></div>
关于youtube-api - Youtube iframe api 自动播放不适用于 chrome 和视频分辨率设置不适用于所有浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50507985/