HTML5播放视频autoplay不起作用-HTML5视频不自动播放
生活随笔
收集整理的這篇文章主要介紹了
HTML5播放视频autoplay不起作用-HTML5视频不自动播放
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
初學HTML5視頻播放的同學，可能大多數都會遇到這樣一個問題：按照教程寫的代碼，添加了autoplay屬性，為什么視頻還是無法自動播放？
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5視頻自動播放</title> </head> <body><video width="320" height="240" controls="controls" loop="loop" autoplay="autoplay"><source src="123.ogg" type="video/ogg">您的瀏覽器不支持 HTML5 video 標簽。 </video></body> </html>上述示例代碼中，video標簽是html5用了播放視頻的標簽，其中controls屬性用來顯示控制按鈕，loop屬性用了循環播放，autoplay屬性用來自動播放視頻。
但在實際運行的過程中，autoplay往往不起作用，這個時候需要在autoplay屬性前面添加一個muted 屬性，這樣就可以實現自動播放視頻了。
但是，需要注意的是，muted屬性是用來設置視頻靜音的，因此，這個時候雖然視頻能夠自動播放了，但是視頻是沒有聲音的。此時，在顯示控制條的視頻中，可以看到一個靜音圖標。
?題外話
在給網站添加MIME類型的時候，提示無法寫入配置文件
?解決方法
在網站的web.config配置文件中，手動添加MIME類型
<configuration><system.webServer><staticContent><mimeMap fileExtension=".mp4" mimeType="video/mpeg" /> </staticContent></system.webServer> </configuration>?
總結
以上是生活随笔為你收集整理的HTML5播放视频autoplay不起作用-HTML5视频不自动播放的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 在Windows Media Playe
- 下一篇： 2017年html5行业报告,云适配发布