网页布局------video视频设置

1、基础语法

(1)video标签

<video src='' poster='imgs/aa.jpg' controls></video>

属性:

  • poster:指定视频还没有完全下载完毕,或者⽤户还没有点击播放前显示的封⾯。默认显示当前视频⽂件的第⼀针画⾯,当然通过poster也可以⾃⼰指定。
  • controls 控制⾯板
  • width
  • height

(2)source标签

因为浏览器对视频格式⽀持程度不⼀样,为了能够兼容不同的浏览器,可以通过source来指定视频源。
<video>
  <source src='aa.flv' type='video/flv'></source>
  <source src='bb.mp4' type='video/mp4'></source>
</video>

2、项目演示

posted on 2024-05-20 13:12  昨夜小楼听风雨  阅读(2)  评论(0编辑  收藏  举报