首页 > Web开发 > 详细

HTML5 媒体

时间:2018-04-06 20:05:37      阅读:164      评论:0      收藏:0      [点我收藏+]
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 媒体

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!