video,audio

1.video

<video src=" " loop sutoplay poster=""></video>

  • src:地址
  • autoplay:自动播放
  • loop:循环播放
  • poster:封面图片地址
  • controls:是否显示播放器控件即暂停键……

2.video支持格式---通用MP4

  • IE:wav,mp4
  • Chrom:webq,mp4
  • Firefox:ogv,mp4

3. 不支持情况下

<video>你的浏览器不支持Video</video>

在浏览器不支持video的情况下,标签内包含的内容会显示出来,可以在标签内使用flash兼容,移动端都支持video

4.audio

<audio></audio>与video用法相同,支持格式是MP3

5.JS接口

play() 播放

pause() 暂停

currenttime 当前播放位置(s)

duration 文件长度(s)

volume 音量0-100

muted 静音,布尔值

  • 没有停止方法,可以使用pause()和currenttime组合自定义停止方法
  • 使用timeupdate事件可以自定义进度条

猜你喜欢

转载自blog.csdn.net/Ella_Yan/article/details/81566069