Youtube 在移动设备上自动播放不起作用，但在浏览器中它可以工作

Question

我只是将常规的YouTube视频嵌入到我的HTML文件中。我使用自动播放= 1，它可以在浏览器上定期工作。但是自动播放不适用于任何移动设备。

你能帮忙吗？

谢谢

Answer 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/