Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
默认情况下关闭HTML5视频上的闭路字幕_Html_Video_Closed Captions - Fatal编程技术网

默认情况下关闭HTML5视频上的闭路字幕

默认情况下关闭HTML5视频上的闭路字幕,html,video,closed-captions,Html,Video,Closed Captions,这是我所拥有的 <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

这是我所拥有的

<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>

$(文档).ready(函数(){
var video=document.querySelector(“#video”);
var.track=video.textTracks[0];
track.mode='hidden';
});

我希望这会在默认情况下关闭闭路字幕,但事实似乎并非如此。有什么想法吗?

你的答案非常接近(我认为
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';
});

$(文档).ready(函数(){
var video=document.querySelector('#video');//获取视频元素
var tracks=video.textTracks;//每个轨迹元素一个
var track=tracks[0];//对应于第一个track元素
track.mode='hidden';
});

在实际代码中,
var.track
是打字错误吗?