zoukankan      html  css  js  c++  java
  • HTML5 Audio & Video 属性解析

    一、HTML 音频/视频 方法

    play()

    play() 方法开始播放当前的音频或视频。

    var myVideo=document.getElementById("video1"); 
    
    function playVid()
    { 
      myVideo.play(); 
    } 
    function pauseVid()
    { 
      myVideo.pause(); 
    }

    pause()

    pause() 方法暂停播放当前的音频或视频。

    var myVideo=document.getElementById("video1"); 
    
    function playVid()
    { 
      myVideo.play(); 
    } 
    function pauseVid()
    { 
      myVideo.pause(); 
    }

    load()

    load() 方法重新加载音频/视频(audio/video)元素。

    load() 方法用于在更改来源或其他设置后对音频/视频(audio/video)元素进行更新。

    <button onclick="changeSource()" type="button">更改视频来源</button>
    <br> 
    <video id="video1" controls="controls" autoplay="autoplay">
      <source id="mp4_src" src="mov_bbb.mp4" type="video/mp4">
      <source id="ogg_src" src="mov_bbb.ogg" type="video/ogg">
      您的浏览器不支持 HTML5 video  标签。
    </video>
    
    <script> 
    function changeSource()
    { 
      document.getElementById("mp4_src").src="movie.mp4";
      document.getElementById("ogg_src").src="movie.ogg";
      document.getElementById("video1").load();
    } 
    </script> 

    canPlayType()

    function supportType(e,vidType,codType)
    { 
      myVid=document.createElement('video');
      isSupp=myVid.canPlayType(vidType+';codecs="'+codType+'"');
      if (isSupp=="")
      {
        isSupp="No";
      }
      return isSupp;
    } 

    二、HTML 音频/视频属性

    autoplay

    【设置】或【返回】是否在加载完成后随即播放音频/视频。

    controls

    【设置】或【返回】音频/视频是否显示控件(比如播放/暂停等)。

    currentTime

    【设置】或【返回】音频/视频中的当前播放位置(以秒计)。

    defaultMuted

    【设置】或【返回】音频/视频默认是否静音。

    defaultPlaybackRate

    【设置】或【返回】音频/视频的默认播放速度。

    duration

    【返回】当前音频/视频的长度(以秒计)。

    ended

    【返回】音频/视频的播放是否已结束

    error

    【返回】表示音频/视频错误状态的 MediaError 对象。

    loop

    【设置】或【返回】音频/视频是否应在结束时重新播放。

    muted

    【设置】或【返回】音频/视频是否静音。

    paused

    【设置】或【返回】音频/视频是否暂停。

    playbackRate

    【设置】或【返回】音频/视频播放的速度。

    src

    【设置】或【返回】音频/视频元素的当前来源。

    volume

    【设置】或【返回】音频/视频的音量。


    二、HTML 音频/视频事件

    canplay

    当浏览器可以开始播放音频/视频时触发。

    ended

    当目前的播放列表已结束时触发。

    error

    当在音频/视频加载期间发生错误时触发。

    pause

    当音频/视频已暂停时触发。

    play

    当音频/视频已开始或不再暂停时触发。

    playing

    当音频/视频在因缓冲而暂停或停止后已就绪时触发。

    progress

    当浏览器正在下载音频/视频时触发。

    ratechange

    当音频/视频的播放速度已更改时触发。

    seeked

    当用户已移动/跳跃到音频/视频中的新位置时触发。

    seeking

    当用户开始移动/跳跃到音频/视频中的新位置时触发。

    timeupdate

    当目前的播放位置已更改时触发。

    volumechange

    当音量已更改时触发。

    waiting

    当视频由于需要缓冲下一帧而停止时触发。

    当音频/视频处于加载过程中时,会依次发生以下事件:
    
    loadstart
    durationchange
    loadedmetadata
    loadeddata
    progress
    canplay
    canplaythrough
  • 相关阅读:
    一分钟制作U盘版BT3
    微软历史最高市值是多少?
    Windows 7系统安装MySQL5.5.21图解
    cocos2d-x3.0 Physics新的物理引擎
    java使用javamail读取邮箱(收件箱为例)
    Java实现第九届蓝桥杯字母阵列
    Java实现第九届蓝桥杯字母阵列
    Java实现第九届蓝桥杯字母阵列
    Java实现第九届蓝桥杯猴子分香蕉
    Java实现第九届蓝桥杯猴子分香蕉
  • 原文地址:https://www.cnblogs.com/10manongit/p/12781249.html
Copyright © 2011-2022 走看看