在移动设备上点击/触摸，通过api启动Youtube视频

Question

我有以下页面，当您点击按钮时，它会通过youtube api自动播放视频：

http://machinas.com/wip/hugoboss/youtube/

我使用以下代码加载视频，并将playerVars设置为自动播放，它会自动开始播放视频。

 $("#container.click-to-play-video").click(function(e){
        e.preventDefault();
        player = new YT.Player('player', {
            width : '960',
            height : '540',
            videoId : 'jXkK2vkGnh8',
            playerVars: { 'autoplay': 1 , 'autohide': 1 },
            events : {
                'onReady' : onPlayerReady,
                'onStateChange' : onPlayerStateChange
            }
        });
    });

这在桌面/ PC上工作正常，但在移动设备上它没有播放视频，有什么想法吗？

Answer 1

这是对API的限制，只有在用户启动时才允许播放。

在YouTube API参考here中对此进行了详细解释，但它主要是为了防止通过蜂窝网络使用未经授权的数据。

我认为您可以通过使用JS模拟点击事件来规避，但从用户体验的角度来看，最好让用户同意先通过其蜂窝网络流式传输视频。