javascript - iOS の JWPlayer での Youtube

Question

JWPlayer を使用して YouTube 動画を埋め込んでいます。SRT 字幕をサポートし、所有していない YouTube ビデオに字幕を追加できるため、選択しました。これは絶対に素晴らしいです。

問題は、iOS でビデオを再生すると、SRT 機能のない YouTube プレーヤーに自動的に切り替わることです。

SRT 機能が失われないように、JWPlayer が YouTube プレーヤーにフェールオーバーせず、HTML5 のみに固執するように強制することはできますか?

Answer 1

JWPlayer バージョン 6.9 は、通常の YouTube プレーヤーではなく、jwplayer による 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
  }]
});

Answer 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;
}