html5字幕字体设置,javascript – 动态更改字幕视频 – HTML5

如果您需要更改track标记的默认属性,可以使用以下脚本：

工作示例,请检查DOM以查看结果(因为视频和轨道src不存在)：

$(‘.player-content-video track：eq(0)’)

顺便使用：eq()使您的代码依赖于您的< track>当用户点击按钮时,DOM中的位置需要横向所有DOM,这在术语可维护性和性能方面不是很好的方法.

您可以改为引用您的< track>通过id并在使用jQuery时缓存您的DOM选择.

$('#turnoff').click(function(){

$('.player-content-video track').attr('default',false);

});

$('#english').click(function(){

$('.player-content-video track').attr('default',false);

$('.player-content-video track:eq(0)').attr('default',true);

});

$('#chinese').click(function(){

$('.player-content-video track').attr('default',false);

$('.player-content-video track:eq(1)').attr('default',true);

});

NO SUBTITLE

ENGLISH

CHINESE