我有两个问题。一旦我将轨道标签放入视频元素中,视频的默认控制器就会显示。我有自定义控件,所以这是一个很大的问题。
第二。我找不到打开和关闭隐藏字幕的方法。
HTML:
<video id="trailers" poster="images/poster/poster.jpg">
<source src="media/vLast.mp4" type="video/mp4">
<source src="media/vLast.webm" type="video/webm">
<track id="mytrack" label="English Subtitles" src="subtitles.vtt" srclang="en" default />
</video>
<button id="cc">CC</button>
JS:
var cc = document.getElementById('cc');
function cc(){
var video= document.getElementById('media');
var track1 = video.textTracks[0];
var mytrack = document.getElementById('mytrack');
var track2 = mytrack.track;
console.log(track1);
console.log(track2);
}
cc.addEventListener('click',cc,false);
如果您删除对的任何引用controls
在你的<video>
应保持控件隐藏的标签(它们可能会在首次加载时闪烁,但一旦加载视频,它们将保持隐藏状态)controls
item 是布尔值:如果存在则显示,如果不存在则不会显示。
要显示和隐藏标题,您需要设置mode
如下所示“显示”或“隐藏”
<video autoplay loop id="v">
<source src="Video.mp4" type="video/mp4">
<track id="enTrack" src="entrack.vtt" label="English" kind="subtitles" srclang="en" default>
HTML5 video not supported
</video>
.
.
.
<script>
.
v = document.getElementById("v")
v.textTracks[0].mode = "hidden"; // "showing" will make them reappear
// if you want to show the controls
v.controls = true;
.
</script>
请注意,YMMV 作为不同的浏览器在字幕方面有不同的行为。这适用于 OSX 和 IE10 上的 Chrome/Safari(尽管请注意,在 Safari 和 IE 上,模式值为“0”表示隐藏,“2”表示显示,但使用文本设置它们似乎可以工作。尚未在 iOS 上进行测试
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)