javascript - youtube 自动播放不起作用
问题描述
我正在使用 youtube embed 来显示视频。我需要在网站打开时自动播放
<iframe class="slider-image-mockup align-center" width="100%" height="750" src="https://www.youtube-nocookie.com/embed/Y-p828Jy8C8?rel=0&controls=0&autoplay=1&loop=1&playlist=Y-p828Jy8C8&showinfo=0" frameborder="0" allow="autoplay; loop; encrypted-media" allowfullscreen></iframe>
我在它工作正常之前使用这个代码,但在过去的几天里。自动播放不起作用...
听起来可能很疯狂,但我没有更改代码中的任何内容。单击播放按钮后,它的显示如下所示,只有视频正在播放
解决方案
<!DOCTYPE html>
<html>
<body>
<!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
<div id="player"></div>
<script>
// 2. 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);
// 3. 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,
'onStateChange': onPlayerStateChange
}
});
}
// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
event.target.playVideo();
}
// 5. The API calls this function when the player's state changes.
// The function indicates that when playing a video (state=1),
// the player should play for six seconds and then stop.
var done = false;
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING && !done) {
setTimeout(stopVideo, 6000);
done = true;
}
}
function stopVideo() {
player.stopVideo();
}
</script>
</body>
</html>
推荐阅读
- android - 如何将非挂起的意图操作添加到 chrome 自定义选项卡工具栏菜单?
- sparql - 维基数据导入大师
- c++ - Qt, linux, 添加构建日期和时间定义
- java - 从 Java 调用 Python(Anaconda)脚本(导入库问题)
- sql - 如何在 SQL Server 中反转语句
- javafx - 在 JavaFX TableView 中完全隐藏或禁用水平滚动条
- ckan - CKAN 2.8.2 中的 SSL 问题
- regex - Perl 正则表达式的含义?它是否捕捉到正确的东西,XML 到 TXT
- java - 如何修复 ScriptRunner 中的错误请求 - jira
- openssl - 如何从源代码安装中使用 openssl 1.0.2k 安装 Erlang 18