video标签中英文切换
时间: 2023-11-03 08:02:12 浏览: 186
在video标签中实现英文和中文字幕切换,您可以使用Video.js字幕切换插件。首先,将插件的样式和脚本添加到页面中,如下所示:
<link href="videojs-captions-toggle.css" rel="stylesheet">
<script src="video.js"></script>
<script src="videojs.language-switch.js"></script>
然后,在video标签中添加以下属性:
<video id="my-video" class="video-js" controls>
<source src="video.mp4" type="video/mp4">
<track kind="captions" src="en.vtt" srclang="en" label="English">
<track kind="captions" src="zh.vtt" srclang="zh" label="中文">
</video>
在这个示例中,我们使用了两个字幕文件,一个是英文的(en.vtt),另一个是中文的(zh.vtt)。通过设置不同的srclang和label属性,可以在字幕切换按钮中显示不同的语言选项。