所在的位置: html >> html前景 >> 第期玩转HTML5Vide

第期玩转HTML5Vide

前言

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:


转载请注明:http://www.aierlanlan.com/cyrz/494.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了