HTML5——w3c教程总结（一）

一、video标签

1. 实现
   video支持媒体播放视频功能，兼容性IE9以上，IE9支持部分MP4功能。

效果如图：

video_show.png

2. 属性：

   
   
   

   video属性.png
3. 方法：

video方法.png

实现代码如下：

二、audio标签

1.实现

2.属性

audio标签.png

三、拖拽

1.实现

    

        
    
    ![](blood.png)

    

• 首先设置元素为可拖拽
  ![](blood.png)
• 然后执行拖拽方法
  ![](blood.png)

function drag(event){
    event.dataTransfer.setData("Text",event.target.id);
 }//将拖拽目标保存到event.dataTransfer中

• 将拖拽目标拖拽到容器中
  

 function drop(event){
    event.preventDefault();
    var data = event.dataTransfer.getData("Text");
    event.target.appendChild(document.getElementById(data));
}

• 是否允许拖拽放在容器中
  

function allowDrop(event){
    event.preventDefault();//不设置为代表不允许放在容器中
}