我只是将常规的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/

09-11 04:49