添加视频

eg1:


<video width="658" height="444" src="first.mp4" poster="first.png" autoplay="autoplay" preload="none" loop="loop" controls="controls"></video>

 

/*
1.src:视频的来源
2.poster:用于指定一张图片,在视频数据无效的时候显示(视频无效可能是视频正在加载或者地址错误)
3.preload:定义视频是否预加载,默认auto
    (none:不进行加载、作者认为用户不期望此视频,或者减少http请求
     auto:全部加载、
     metadata:部分预加载,提供持续时间/尺寸/曲目列表等,作者认为用户不期望此视频 )
4.autoplay:用于设置视频是否自动播放,是一个布尔属性。当出现是表自动播放,去除表不自动播放
5.loop:视频是否循环播放,是一个布尔属性
6.controls:用于向浏览器指明页面制作者没有使用脚本生成播放控制器,需要浏览器启用本身的播放控制栏
,控制栏须包括播放暂停控制,播放进度控制,音量控制等。
7.width:播放的宽度
8.height:播放的高度
*/

eg2:

<video autoplay=”autoplay” controls  ...>

  <source src=”XX.mp4”  >

  <source src=”XX.ogg”  >

  <source src=”XX.webm”  >

  </video>

/*

9.source:用于指定多个可选择的文件地址(如果不能播放换下一个。用于兼容不同的浏览器)

      此标签包含src,type,media三个属性

*/

posted @ 2017-10-14 18:21  好笑。  阅读(145)  评论(0编辑  收藏  举报