HTML5笔记2——音、视频

时间:2019-07-05
本文章向大家介绍HTML5笔记2——音、视频,主要包括HTML5笔记2——音、视频使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

参考原文:01-HTML5详解.md

1.音频

  • autoplay 自动播放  controls 控制条 loop 循环播放。

  • preload 预加载 同时设置 autoplay 时,此属性将失效。

  • 常规操作:

  <audio src="../music/恋爱循环.mp3" autoplay controls loop> </audio>

效果如下:

  • 兼容方法
<audio controls loop>
        <source src="music/yinyue.mp3"/>
        <source src="music/yinyue.ogg"/>
        <source src="music/yinyue.wav"/>
        抱歉,你的浏览器暂不支持此音频格式
</audio>

2.视频

  • 基本操作和音频操作相同
  • width:设置播放窗口宽度。height:设置播放窗口的高度。

<video src="../video/恋爱循环.mp4" controls autoplay loop width="500px" height="300px"></video>

$flag 上一页 下一页