前言
Video标签,可能大家都知道,但能这么玩就有点意思了。并通过caniuse查看webVTT,浏览器兼容性也还能接受。那在运用方面,就想能不能结合现有产品作一个diy的工具让用户产生内容。你会想到作什么呢?今日早读文章由
张鑫旭授权分享。正文从这开始~
一、HTML5Video视频与WebVTT字幕HTML5Video视频支持支持外挂字幕,文件后缀名是.vtt,称为WebVTT格式,专门的web字幕格式。使用很简单,用一个track元素即可,例如:
videoid="video"sourcesrc="example.mp4"type="video/mp4"tracksrc="example.vtt"default/video
只要src属性地址OK,同时有default属性,字幕就会生效。
HTML5video视频track加载WebVtt字幕demo: