HTML5标签事件详解

首先，上有一个比较早的

HTML5的Video标签的属性,方法和事件汇总

做个笔记：

标签

• src ：视频的属性
• poster：视频封面，没有播放时显示的图片
• preload：预加载
• autoplay：自动播放
• loop：循环播放
• controls：浏览器自带的控制条
• width：视频宽度
• height：视频高度

属性的使用都可以参考上面贴出的博文。

事件

video事件

源自使用 HTML5 视频事件

从代码中感受功能使用：

  
    
        
        
    
            

    

        Type or paste a video URL: 

                
        Load
        
    
    
    
    
    

        [] 
        -
        <<
        >
        >>
        +
             
        

        Reset playback rate: =           
        

          Volume: 
            -
            +
        

        
Length(seconds):  

        Current time:  
   Remaining time: 
    
   
    
  

    
  
    

      oncanplaythrough: 

      onloadstart: 

      onprogress: 

      onloadeddata: 

      onended: 

      onemptied: 

      onstalled: 

      onwaiting: 

      ondurationchange: 
    
    

    

  

当然，w3c上面也有比较详细的说明

HTML 5 视频/音频参考手册

重写或覆盖原有事件

博主项目遇到这样一个问题，在触发的controls属性/事件时，想要绑定另外一个function(){}这个貌似在教程中是不曾出现的，所以我摸索一下再贴出来。。待更~