HTML5音频标签audio无法播放的问题

最新推荐文章于 2024-08-16 11:00:58 发布

苏世i

最新推荐文章于 2024-08-16 11:00:58 发布

阅读量3.1w

点赞数 4

文章标签： HTML5

本文链接：https://blog.csdn.net/qq_42712647/article/details/85993255

版权

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);