html5笔记—— 插入视频音频
2016-04-13 20:15
337 查看
插入视频:
<video src="位置" width="" height="" controls="controls"> </video>
<video width="" height="" controls="controls">
<source src=''位置" type="video/ogg">
<source src=''位置" type="video/mp4">
Your browser does not support the video tag.
</video>
属性:
loop="loop";文件播放完之后再次播放;
autoplay="autoplay"文件准备好后马上播放;
添加暂停播放事件、变大变小事件;
var myVideo=document.getElementById("id");
function playPause(){
if(myVideo.paused){
myVideo.play();
}else{
myVideo.pause();
}
}
function makeBig(){
myVideo.width=;
}
function makeSmall(){
myVideo.width=;
}
插入音频:
<audio scr="位置" controls="controls">
Your browser does not suppor the audio tag.
</audio>
<audio contros="controls">
<source src="" type="audio/ogg">
<source src="" type="audio/mpeg">
</audio>
属性:
loop="loop";文件播放完之后再次播放;
autoplay="autoplay"文件准备好后马上播放;
<video src="位置" width="" height="" controls="controls"> </video>
<video width="" height="" controls="controls">
<source src=''位置" type="video/ogg">
<source src=''位置" type="video/mp4">
Your browser does not support the video tag.
</video>
属性:
loop="loop";文件播放完之后再次播放;
autoplay="autoplay"文件准备好后马上播放;
添加暂停播放事件、变大变小事件;
var myVideo=document.getElementById("id");
function playPause(){
if(myVideo.paused){
myVideo.play();
}else{
myVideo.pause();
}
}
function makeBig(){
myVideo.width=;
}
function makeSmall(){
myVideo.width=;
}
插入音频:
<audio scr="位置" controls="controls">
Your browser does not suppor the audio tag.
</audio>
<audio contros="controls">
<source src="" type="audio/ogg">
<source src="" type="audio/mpeg">
</audio>
属性:
loop="loop";文件播放完之后再次播放;
autoplay="autoplay"文件准备好后马上播放;
相关文章推荐
- html5学习总结
- 一款基于HTML5的Web 3D开发工具
- HTML5新特性之工作线程Web Worker
- 模型库框架TWaver® Make发布
- HTML5 参考手册(事件属性)
- HTML5 参考手册(全局属性)
- HTML5 参考手册(标签)
- HTML5 表单属性
- 最新最全的html5标签集合
- 学习笔记--HTML5拖拽
- 响应式布局知识点总结
- HTML5离线缓存的简单介绍
- 离线安装Cloudera Manager5.3.4与CDH5.3.4
- HTML5学习笔记四 HTML文本格式化
- tango with django ch5 template&static file
- HTML5 表单元素
- HTML5 Input 类型
- Html5上传后有所见图片效果前端代码实现
- HTML5地理定位
- HTML5简介&视频&音频&拖放&画布&SVG