默认情况下,关闭HTML5视频上的隐藏式字幕 [英] Turning off closed caption on HTML5 video by default
本文介绍了默认情况下,关闭HTML5视频上的隐藏式字幕的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
这是我的...
<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>
我希望这会在默认情况下关闭隐藏式字幕,但它似乎不是案件。有什么想法?
I was hoping this would turn off closed caption by default, but it doesn't seem to be the case. Any ideas?
推荐答案
你的答案非常接近(我假设 var.track =
是一个拼写错误 - 修复,适用于OSX上的Chrome和Safari以及PC上的IE浏览器。为了重复使用,我喜欢将textTracks分成一个变量,但这是个人偏好:
your answer was very close (I assume var.track =
was a typo - fixing that works in Chrome and Safari on OSX and IE on PC for me). For re-use I like to split the textTracks out into a variable, but that's personal preference:
<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';
});
这篇关于默认情况下,关闭HTML5视频上的隐藏式字幕的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文