我正在使用 JWPlayer 嵌入 YouTube 视频。我选择它是因为它支持 SRT 字幕,而且我可以为我不拥有的 YouTube 视频添加字幕。这绝对很棒。
问题是,当我在 iOS 上播放视频时,它会自动切换到缺少 SRT 功能的 YouTube 播放器。
我可以强制 JWPlayer 不故障转移到 YouTube 播放器,只坚持使用 HTML5 以避免丢失 SRT 功能吗?
我正在使用 JWPlayer 嵌入 YouTube 视频。我选择它是因为它支持 SRT 字幕,而且我可以为我不拥有的 YouTube 视频添加字幕。这绝对很棒。
问题是,当我在 iOS 上播放视频时,它会自动切换到缺少 SRT 功能的 YouTube 播放器。
我可以强制 JWPlayer 不故障转移到 YouTube 播放器,只坚持使用 HTML5 以避免丢失 SRT 功能吗?
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
}]
});
我做了肮脏的黑客攻击,但它有效 - 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;
}