我只是将常规的youtube视频嵌入到我的html文件中。
并且我使用autoplay = 1,并且在浏览器中正常运行。
但自动播放功能不适用于任何移动设备。
你能帮我吗 ?
谢谢
最佳答案
`
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
playerVars: {
'autoplay': 1,
'controls': 0,
'autohide': 1,
'wmode': 'opaque',
'showinfo': 0,
'loop': 1,
'playlist': 'aF5HAF0fg6M',
'fs':1
},
videoId: 'aF5HAF0fg6M',
events: {
'onReady': function(){
player.pauseVideo();
player.playVideo();
}
}
});
}
window.onload=function() {
};
.video-background {
background: #000;
position: fixed;
top: 0; right: 0; bottom: 0; left: 0;
z-index: -99;
}
.video-foreground,.video-background iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
@media (min-aspect-ratio: 16/9) {
.video-foreground { height: 300%; top: -100%; }
}
<script src="http://www.youtube.com/player_api"></script>
<div class="video-background">
<div class="video-foreground">
<div id="player" ></div>
</div>
</div>
<div>test</div>
以下链接上的工作示例
http://demo.jawadsolutions.com/researchs/youtube/