码迷,mamicode.com
首页 > Web开发 > 详细

HTML5 媒体

时间:2018-04-06 20:24:46      阅读:270      评论:0      收藏:0      [点我收藏+]

标签:pause   是的   video   ogg   alt   loop   循环   image   大小   

3、媒体标签
(1)video:视频
(2)audio:音频
(3)embed:嵌入内容(包括各种媒体),Midi、Wav、AU、MP3、Flash、AIFF等。
   
          <video autoplay="autoplay"   loop = "loop"  >
                      <source src="video/donghua.mp4"  type="video/mp4">   </source>
                      <source src="video/donghua.mp4"  type="video/ogg">   </source>
                      <source src="video/donghua.mp4"  type="video/webm">   </source>
          </video> 
 
        autoplay = "autoplay"      //  自动播放 (不重复)
        loop = "loop"                     // 循环播放 (重复)  
        poster = "图片路径"         //  视频 未播放是 展示的图片
  
 
            video.paused  检测图片是否为播放状态    是的话 返回false 不是的话 返回true;
                  播放:   video.play();
                  暂停:   video.pause();
 
  视频案例:  
    
         1.  先写一个video  > source   标签
                         技术分享图片
                 
 
     2 . 写 原生js  获取video 并检测是否为播放状态 方法为 id.paused   暂停状态下 返回 true;
           技术分享图片 
    3. 点击大小中  按钮 调整画布大小;
      技术分享图片
     over 

HTML5 媒体

标签:pause   是的   video   ogg   alt   loop   循环   image   大小   

原文地址:https://www.cnblogs.com/zxy-web/p/8728516.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!