如何使用 HTML5 获取 YouTube JavaScript Player API 以在 android 上自动启动答案

【问题标题】：How to get YouTube JavaScript Player API with HTML5 to autostart on android如何使用 HTML5 获取 YouTube JavaScript Player API 以在 android 上自动启动
【发布时间】：2014-10-02 09:01:53
【问题描述】：

以下代码在所有操作系统和浏览器版本上都能正确执行并自动播放 HTML5 youtube 视频，但 android 中的 chrome 除外。 android操作系统中是否有设置可以修改或解决方法以使该视频以某种方式自动播放？必须有办法。

<div id="player"></div>

<script>

    var tag = document.createElement('script');
    tag.src = "http://www.youtube.com/player_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);


    var player;
    function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
            height: '390',
            width: '640',
            videoId: 'u1zgFlCw8Aw',
            playerVars: { 'autoplay': 1, 'controls': 0, 'html5': 1 },

            events: {
                'onReady': onPlayerReady,
                'onStateChange': onPlayerStateChange
            }
        });



    }

    function onPlayerReady(event) {

    }

    function onPlayerStateChange(event) {

        if (event.data == YT.PlayerState.PLAYING ) {


        }
    }


</script>

【问题讨论】：

查看我的编辑

标签： javascript android html youtube-api youtube-javascript-api

【解决方案1】：

当玩家准备好时尝试添加event.target.playVideo();。

HTML

<video id="player"></video>

let tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
let firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

let player;
function onYouTubePlayerAPIReady() {
    player = new YT.Player('player', {
        height: '390',
        width: '640',
        videoId: 'u1zgFlCw8Aw',
        playerVars: { 'autoplay': 1, 'controls': 0, 'html5': 1 },

        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
        }
    });
}

function onPlayerReady(event) {
    event.target.playVideo();
}

function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING ) {
    }
}

【讨论】：

【解决方案2】：

我尝试了军事迪迪提供的答案，但不幸的是，它加载了 youtube 播放器控件但没有播放视频..

一项调查告诉我，在移动设备上，为了节省带宽，自动播放功能被禁用和禁止。发现这个链接适用于 iOS，我想这对于 android 来说是一样的 https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html

【讨论】：