这是我所拥有的...
<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>
我希望这会默认关闭隐藏式字幕,但似乎并非如此。有任何想法吗?
最佳答案
你的答案非常接近(我认为 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';
});
关于html - 默认关闭 HTML5 视频的隐藏式字幕,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20648184/