html5音樂載入不出來怎麼辦

藏色散人
發布: 2023-01-06 11:38:18
原創
2745 人瀏覽過

html5音樂載入不出來的解決方法:1、開啟對應的html檔;2、檢查HTML5音訊標籤碼;3、透過一段js程式碼「function toggleSound() {var music=document.getElementById( "vd");console.log(music);console.log(music.paused);if () {...}」解決播放問題即可。

html5音樂載入不出來怎麼辦

本教學操作環境:Windows10系統、HTML5版、Dell G3電腦。

html5音樂載入不出來怎麼辦?

解決HTML5音訊標籤無法播放的問題

先說下audio標籤的一些屬性

#其屬性:

autoplay autoplay 如果出現該屬性,則音訊在就緒後馬上播放。

controls controls 如果出現該屬性,則向使用者顯示控件,例如播放按鈕。

loop loop 如果出現該屬性,則每當音訊結束時重新開始播放。

muted muted 規定視訊輸出應該被靜音。

preload preload 如果出現該屬性,則音訊在頁面加載時進行加載,並預備播放。如果使用 “autoplay”,則忽略該屬性。

src url 要播放的音訊的 URL。

有時候加了autoplay屬性,發現還是不能自動播放,我們可以加一段js程式碼來解決:

function toggleSound() {
            var music = document.getElementById("vd");//获取ID  
                console.log(music);
                console.log(music.paused);
            if (music.paused) { //判读是否播放  
                music.paused=false;
                music.play(); //没有就播放 
            }         
        }
setInterval("toggleSound()",1);
登入後複製

推薦學習:《HTML5影片教學

以上是html5音樂載入不出來怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板