首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

html5中的video又学习

2013-11-09 
html5中的video再学习HTML5中的video的确是个好东西,以前要在页面中用object的话,现在用video标签就可以

html5中的video再学习
  HTML5中的video的确是个好东西,以前要在页面中用object的话,
现在用<video>标签就可以了
   原始的是这样用法:
<video width="640"  height="360" src="http://www.youtube.com/demo/google_main.mp4"  controls autobuffer><p> Try this page in Safari  4! Or you can <a  href="http://www.youtube.com/demo/google_main.mp4">download the  video</a> instead.</p>  </video>

如果要自动播放,可以设置属性
<video src="abc.mov" autoplay></video>
autobuffer属性则允许可以一边下载一边播放,如果要防止视频加载时出现问题,可以
默认给一张图片做背景提示,使用的是poster属性指定图片
<video width="640" height="360" src="http://www.youtube.com/demo/google_main.mp" autobuffer controls poster="whale.png"><p>Try this page in Safari 4! Or you can <a href="http://www.youtube.com/demo/google_main.mp4">download the video</a> instead.</p></video>

热点排行