首頁  >  文章  >  web前端  >  html5音樂載入不出來怎麼辦

html5音樂載入不出來怎麼辦

藏色散人
藏色散人原創
2023-01-06 11:38:182723瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn