Question

我正在为应用构建一个针对移动设备优化的着陆页，我正试图在移动设备上获取youtube嵌入代码的特定行为：视频应该在视频中的特定时间开始和结束。

这是嵌入代码：

<iframe id="player" type="text/html" width="100%" height="100%"
        src="http://www.youtube.com/embed/[ID]?html5=1&enablejsapi=1&showinfo=0&modestbranding=0&controls=0&rel=0&start=10&end=20&loop=1"
        frameborder="0"></iframe>

我也是从代码中创建一个对象，所以我可以使用js api处理嵌入的视频，并且我也传递相同的参数以防万一。（当调用onYouTubeIframeAPIReady函数时，iFrame html被创建为模板。

function onYouTubeIframeAPIReady() {

    var youtubeTemplate = $("#youtubeTemplate").html();

    $('#thumbnail-inner').html(_.template(youtubeTemplate, {
         //Params
    }));

    youtubePlayer = new YT.Player('player', {
        height: '100%',
        width: '100%',
        enablejsapi: 1,
        events: {
            'onReady' : onPlayerReady,
            'onStateChange': onPlayerStateChange,
            'onError' : onPlayerError
        },
        rel: 0,
        playerVars: {
            modestBranding: 1,
            showinfo: 0,
            html5: 1,
            controls: 0
        },
        loop: 1,
        start: 10

    });

}

它适用于iOS 7浏览器和Android上的Chrome。但是，在Android股票浏览器上（在HTC上测试）会出现以下行为：

视频从头开始而不是从起点开始
视频会识别结束参数并停止播放
在Android股票浏览器中，嵌入式播放器与同一设备上Android Chrome中的嵌入式播放器不同。在视频加载灰色浮雕设计之前。

有谁知道如何让起点起作用？

由于

Youtube嵌入代码 - 开始和结束参数在Android Stock浏览器上不起作用

0 个答案: