2

我正在为应用程序构建一个移动优化的登录页面，并且我正在尝试为移动设备上的 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 上测试）上表现出以下行为：

  1. 视频从头开始而不是从起点
  2. 视频可以识别 end 参数并停止播放
  3. 在 Android 股票浏览器上，嵌入式播放器与同一设备上 Android Chrome 中的嵌入式播放器看起来不同。在视频加载之前，它是一个灰色的浮雕设计。

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

谢谢

4

0 回答 0