1.video 视频播放
<video controls="control" 支持显示视频播放或者暂停的按钮 height 高度,width宽度 src 视频来源 loop=“”loop“ 是否重复播放 autoplay=“”auto“” 是否自动播放 ”>
当浏览器不支持html5的时候,显示这句话</video>
video支持play()播放,pause()暂停
<script type="text/javascript">
var myvideo=document.getElementById();
myvideo.width=450;
</script>
2.audio和video 的属性基本相同,同上
3.拖拽 实现拖拽 两个div之间拖拽图片
具体实例:
<script type="text/javascript">
function allowDrop(ev)---规定控件允许放置
{
ev.preventDefault();
}
function drag(ev) ---当拖拽的时候,将被拖拽的id数据类型设置为text
{
ev.dataTransfer.setData("Text",ev.target.id);
}
function drop(ev)---当放置拖拽的东西时候,调用的时间
{
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
}
</script>
</head>
<body>
<div id="div1" οndrοp="drop(event)" οndragοver="allowDrop(event)">
<img src="/i/eg_dragdrop_w3school.gif" draggable="true" οndragstart="drag(event)" id="drag1" /> 首先,图片的draggable 属性为true,可以拖拽
</div>
<div id="div2" οndrοp="drop(event)" οndragοver="allowDrop(event)"></div>
4.canvas 元素用于在网页上绘制图形