H5开发：H5视屏播放

最新推荐文章于 2023-12-29 14:40:28 发布

Generon

最新推荐文章于 2023-12-29 14:40:28 发布

阅读量1k

点赞数

分类专栏： H5开发

本文链接：https://blog.csdn.net/Generon/article/details/77056683

版权

H5开发专栏收录该内容

12 篇文章 0 订阅

订阅专栏

HTML5 是下一代的 HTML，提供了展示视频的标准，规定了一种通过 video 元素来包含视频的标准方法。

Video有以下的属性。

autoplay autoplay 如果出现该属性，则视频在就绪后马上播放。

controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。

height pixels 设置视频播放器的高度。

loop loop 如果出现该属性，则当媒介文件完成播放后再次开始播放。

preload preload 如果出现该属性，则视频在页面加载时进行加载，并预备播放。

如果使用 "autoplay"，则忽略该属性。

src url 要播放的视频的 URL。

width pixels 设置视频播放器的宽度。

其中，如果想要实现自动播放，可以在Video里面加上autoplay属性就可以了。以下是例子。

 
      <!DOCTYPE HTML> 
     
 
      < 
      html 
      > 
     
 
      < 
      body 
      > 
     

         
     
 
      < 
      video  
      width 
      = 
      "320"  
      height 
      = 
      "240"  
      controls 
      = 
      "controls"  
      autoplay> 
     
 
         
      < 
      source  
      src 
      = 
      "/i/movie.ogg"  
      type 
      = 
      "video/ogg" 
      > 
     
 
         
      < 
      source  
      src 
      = 
      "/i/movie.mp4"  
      type 
      = 
      "video/mp4" 
      > 
     
 
      Your browser does not support the video tag. 
     
 
      </ 
      video 
      > 
     

         
     
 
      </ 
      body 
      > 
     
 
      </ 
      html 
      > 
     