h5播放视频及字幕的方式

Html代码：

 <video controls>

      <source src="XXXX.mp4"  type="video/mp4">

      <track label="英文字幕"   kind="subtitles"    srclang="de" src="en.vtt" default>

<track label="中文字幕"     kind="subtitles"    srclang="de" src="cn.vtt" >

</video>

 

注意事项：

1.XXXX.mp4为视频路径，en/cn.vtt为字幕文件路径，defalut为默认打开的字幕。虽然字幕文件可以有多种格式，但最好是vtt格式的，因为这个格式所有浏览器都支持

  2.video标签只能在容器（如tomcat）上运行，不能本地直接打开

3.注意字幕文件跨域问题