Question

我只是将常规YouTube视频嵌入到我的html文件中。我使用autoplay = 1，它在浏览器上运行正常。但是自动播放不能与任何手机配合使用。

你可以帮忙吗？

由于

Answer 1

`

＆＃13;

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() {
};

＆＃13;

.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%; }
}

＆＃13;

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

＆＃13;

以下链接上的工作示例 http://demo.jawadsolutions.com/researchs/youtube/

移动设备上的Youtube自动播放功能不起作用，但在浏览器中可行

1 个答案: