3

これが私が持っているものです...

<video id="video" controls="controls" preload="metadata" poster="/video/promotional/transparent.png">
    <source src="/video/promotional/promotional.mp4" type="video/mp4" />
    <source src="/video/promotional/promotional.webm" type="video/webm" />
    <source src="/video/promotional/promotional.ogv" type="video/ogg" />
    <track src="/video/promotional/promotional.vtt" label="English Captions" kind="subtitles" srclang="en-us" />
</video>

<script type="text/javascript">
    $(document).ready(function() {
        var video = document.querySelector('#video');
        var.track = video.textTracks[0];
        track.mode = 'hidden';
    });
</script>

デフォルトでクローズド キャプションがオフになることを期待していましたが、そうではないようです。何か案は？

4

1 に答える 1

3

あなたの答えは非常に近かったです（タイプミスだと思いますvar.track =-OSXのChromeとSafari、PCのIEで機能する修正）。再利用するために、textTracks を変数に分割するのが好きですが、それは個人的な好みです:

<script type="text/javascript">
    $(document).ready(function() {
    var video = document.querySelector('#video'); // get the video element
    var tracks = video.textTracks; // one for each track element
    var track = tracks[0]; // corresponds to the first track element
    track.mode = 'hidden';
});

于 2013-12-18T03:24:42.407 に答える