audio音频和video视频标签的使用
2015-01-13 17:49
525 查看
<!DOCTYPE html> <html> <head> <title></title> <script> var v=document.getElementsByTagName("video"); function clickV() { if(v.paused) { v.play(); } else { v.pause(); } } function clickBig() { v.width=1000px; v.height=800px; } function clickSmall() { v.width=300px; v.height=300px; } </script> </head> <body> <!--html5音频播放--> <audio id="auto" src="1.mp3" controls="controls">你的浏览器不支持</audio><br/> <button onclick="clickA()">播放/暂停</button> <br/> <script> var a=document.getElementById("auto"); function clickA() { if(a.paused) { a.play(); } else { a.pause(); } } </script> <video id="video" src="a.mp4" controls="controls" width="800px" height="600px"></video> <!--html5视频播放 浏览器不支持的话可以先把视频格式转换为ogg格式 --> <video controls="controls"> <source src="a.mp4"> <source src="a.ogg"> </video> <button onclick="clickV()">播放/暂停</button> <br/> <button onclick="clickBig()">放大</button> <br/> <button onclick="clickSmall()">缩小</button> <br/> </body> </html>
相关文章推荐
- 直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法
- 低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频
- 直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法
- HTML5 audio与video标签实现视频播放,音频播放
- HTML5 audio与video标签实现视频播放,音频播放
- 音频与视频标签—audio和video
- HTML5-音频audio和视频video标签
- HTML5 audio与video标签实现视频播放,音频播放
- 音频与视频标签—audio和video
- 【Delphi】从内存(MemoryStream)使用WMP(WindowsMediaPlayer)控件播放视频音频(Play Video with WMP from MemoryStream)
- html5开发<video>视频标签的使用--…
- html5 音频和视频(audio And video)
- [html5]html5视频video与音频audio用法详解
- 与众不同 windows phone (41) - 8.0 相机和照片: 通过 AudioVideoCaptureDevice 捕获视频和音频
- html5 音频和视频(audio And video)
- 与众不同 windows phone (41) - 8.0 相机和照片: 通过 AudioVideoCaptureDevice 捕获视频和音频
- 使用HTML5的Audio标签打造WEB音频播放器
- 使用audio标签播放音频文件
- HTML 5 Audio Video中怎样来插入音频和视频?
- 使用HTML5的video标签播放视频