javascript - 从 Javascript 自动启动 youtube 视频
问题描述
我正在尝试在加载和完成时自动启动 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 之后,但这似乎也不起作用!
我已经看到了这个问题的所有变体并尝试了所有的答案,但它们都不起作用。
有人知道我接下来应该尝试什么吗?
解决方案
感谢猫,我的问题解决了!
我所要做的就是chrome://flags/#autoplay-policy
在“自动播放策略”下的下拉菜单中选择“不需要用户手势”,然后重新启动 chrome。
推荐阅读
- php - PHPunit 警告错误测试套件不是预期的
- javascript - 在 Puppeteer 中将数据输入到多个表单输入中
- javascript - 在Javascript中的for循环中返回promise的有效方法是什么
- sql - 按名称和版本 SQL 对表进行排序
- android - 谷歌地图 - 自定义瓷砖叠加
- servicestack - AutoQuery 在通过网关运行时未获得名称数据库连接
- semantic-ui-react - 向 Card 组件添加 `href` 会使所有文本都大写
- java - 如何阅读 101 响应代码后的正文?
- javascript - 如何在 vue 的另一个变量中渲染变量?
- docker - docker-compose:zipkin 无法连接到 elasticsearch