自动启动来自 Javascript 的 YouTube 视频
Autostart a youtube video from Javascript
我正在尝试在加载和完成时自动启动 YouTube 视频,我希望它提醒它已完成。
这是我的HTML/JS
<div id="player"></div>
<script src="http://www.youtube.com/player_api"></script>
<script>
// create youtube player
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: '0Bmhjf0rKe8',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
// autoplay video
function onPlayerReady(event) {
event.target.playVideo();
}
// when video ends
function onPlayerStateChange(event) {
if(event.data === 0) {
alert('done');
}
}
</script>
视频播放完毕时提醒的部分可以正常工作,但自动播放器不能。我试过在视频后添加 ?AUTOPLAY=1
标签 URL 但这似乎也不起作用!
我已经看到了这个问题的所有变体并尝试了所有的答案,但 none 个都有效。
有人知道我接下来应该尝试什么吗?
玩家 = 新 YT.Player('player', {
高度:'390',
宽度:'640',
videoId: '0Bmhjf0rKe8',
自动播放:1,
事件:{
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
感谢cat,我的问题解决了!
我所要做的就是在 "Autoplay policy" 下的下拉菜单中转到 chrome://flags/#autoplay-policy
和 select "No user gesture is required",然后重新启动 chrome。
我正在尝试在加载和完成时自动启动 YouTube 视频,我希望它提醒它已完成。
这是我的HTML/JS
<div id="player"></div>
<script src="http://www.youtube.com/player_api"></script>
<script>
// create youtube player
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: '0Bmhjf0rKe8',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
// autoplay video
function onPlayerReady(event) {
event.target.playVideo();
}
// when video ends
function onPlayerStateChange(event) {
if(event.data === 0) {
alert('done');
}
}
</script>
视频播放完毕时提醒的部分可以正常工作,但自动播放器不能。我试过在视频后添加 ?AUTOPLAY=1
标签 URL 但这似乎也不起作用!
我已经看到了这个问题的所有变体并尝试了所有的答案,但 none 个都有效。
有人知道我接下来应该尝试什么吗?
玩家 = 新 YT.Player('player', { 高度:'390', 宽度:'640', videoId: '0Bmhjf0rKe8', 自动播放:1, 事件:{ 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange }
感谢cat,我的问题解决了!
我所要做的就是在 "Autoplay policy" 下的下拉菜单中转到 chrome://flags/#autoplay-policy
和 select "No user gesture is required",然后重新启动 chrome。