iOS 上 JWPlayer 上的 Youtube答案

【问题标题】：Youtube on JWPlayer on iOSiOS 上 JWPlayer 上的 Youtube
【发布时间】：2014-12-11 22:35:16
【问题描述】：

我正在使用 JWPlayer 嵌入 YouTube 视频。我选择它是因为它支持 SRT 字幕，而且我可以为我不拥有的 YouTube 视频添加字幕。这绝对很棒。

问题是，当我在 iOS 上播放视频时，它会自动切换到缺少 SRT 功能的 YouTube 播放器。

我可以强制 JWPlayer 不故障转移到 YouTube 播放器，只坚持使用 HTML5 以避免丢失 SRT 功能吗？

【问题讨论】：

简短的回答是不，你不能，至少在当前版本中不能。 JW Player 在 iOS 上使用 YouTube 播放器。没有已知的方法可以防止这种情况发生。
@MisterNeutron 有可能，jwplayer 不会退回到 iOS 或 android 上的 YouTube 播放器。
是的，我相信在 6.9 中确实如此。但是 6.9 只发布给那些使用云托管版本的播放器。它还没有被抽出给自助托管者或 WP 插件用户。很快，我确定。
我们计划在今天或明天（本周初）将 JW6 的自托管副本更新到 6.8，我相信。

标签： javascript youtube jwplayer jwplayer6

【解决方案1】：

JWPlayer 6.9 版支持通过 jwplayer 而非常规 YouTube 播放器嵌入 YouTube。

看这个例子： http://jsfiddle.net/UAR3U/19/ 它适用于浏览器、桌面或移动设备。

 jwplayer("container").setup({
  file:'https://www.youtube.com/watch?v=tRm04aUyOrM',
      width: "80%",
     aspectratio: "16:9",
   stretching: 'exactfit',
tracks: [{ 
    file: 'http://content.jwplatform.com/tracks/2UEDrDhv.txt', 
    label: 'English', 
    kind: 'captions', default:true
  }]
});

【讨论】：

这正是我正在做的，它会自动切换到 iOS 上的 YouTube 播放器。
那么你必须使用 6.8。如果您使用 6.9，它将是一种不同的嵌入方法（YouTube 通过 JWP）。

【解决方案2】：

我做了肮脏的黑客攻击，但它有效 - http://jsfiddle.net/2o0mnpfp/4/

HTML：

<div id="container-holder" class="inactive">
    <div id="container"></div>
</div>

JS：

jwplayer("container").setup({
    file:'https://www.youtube.com/watch?v=tRm04aUyOrM'
});
jwplayer("container").onPlay(function () {
    setTimeout(function(){
        document.getElementById('container-holder').className = '';
    }, 1000);
});

CSS：

.inactive .jwvideo {
    z-index: 1!important;
    opacity: 0!important;
}
.inactive .jwcontrols {
    display: block!important;
}
.inactive .jwdisplayIcon {
    opacity: 1!important;
    visibility: visible!important;
    display: table!important;
}

【讨论】：