HTML5 音频视频
生活随笔
收集整理的這篇文章主要介紹了
HTML5 音频视频
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
audio 元素能夠播放聲音文件或者音頻流。
<!DOCTYPE html> <html> <head lang="en"><meta charset="utf-8"><title>HTML5 音頻播放</title> </head> <body><!-- audio（音頻）control（控制器）標簽：<audio> 定義聲音 <source> 規定媒體資源，可以是多個 瀏覽器支持情況： IE 9 Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0 Ogg Vorbis √ √ √ MP3 √ √ √Wav √ √ √--><audio id="audio" src="./不浪漫罪名 - 王杰.mp3" controls="controls">您的瀏覽器不支持</audio><br/><!-- 自定義控制器 --><button onclick="clickA()">播放/暫停</button><script type="text/javascript">var a = document.getElementById('audio');function clickA(){if(a.paused){a.play()}else{a.pause();}}</script></body> </html>video?視頻：
<!DOCTYPE html> <html> <head lang="en"><meta charset="utf-8"><title>HTML5 視頻播放</title> </head> <body><!-- video（視頻）control（控制器）標簽：<video> 定義視頻 <source> 規定媒體資源，可以是多個 屬性：width：寬height：高loop：當媒介文件完成播放后再次開始播放。autoplay：當視頻在就緒后馬上播放。當前，video 元素支持三種視頻格式：格式 IE Firefox Opera Chrome Safari Ogg No 3.5+ 10.5+ 5.0+ No MPEG4 9.0+ No No 5.0+ 3.0+ WebM No 4.0+ 10.6+ 6.0+ No --><video id="video" controls="controls"><source src="./1.mp4"><source src="./1.ogg">您的瀏覽器不支持</video></body> </html>?
轉載于:https://www.cnblogs.com/bob-yu/p/5463012.html
總結
以上是生活随笔為你收集整理的HTML5 音频视频的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 页面的缓存与不缓存设置
- 下一篇： HDU 3896 Greatest TC