私は VideoJS を使用しています。CDN でホストされているバージョンは正常に動作しますが、VideoJS をオフラインで使用して CSS を変更したいので、自分でホストしています。
videojs.js で未定義のエラーが発生します。
this.player.textTrackDisplay.addComponent(this);
私の captions.vtt ファイルが正しいことはわかっています。これは、デモの html ファイルで動作するからです。私のマークアップ:
<div id="mainVideoList">
<video id="mainVideoOne" class="video-js vjs-default-skin" width="956" height="538" autoplay preload="auto" loop data-setup="{}">
<source type="video/mp4" src="assets/Penguins.mp4">
<track kind="subtitles" src="src/videojs/captions.vtt" default>
</video>
</div>
ビデオは正常に再生されますが、エラーがスローされ、キャプションが表示されません。
ありがとう。
編集:キャプションをデフォルトに設定し、コントロールを非表示に設定した場合にのみ、エラーがスローされます。