html中的语法自动循环播放.mp3文件
Posted
技术标签:
【中文标题】html中的语法自动循环播放.mp3文件【英文标题】:Syntax in html to autoplay .mp3 files with a loop automatically 【发布时间】:2019-03-20 08:17:16 【问题描述】:html 中使用循环自动播放“.mp3”文件的语法是什么?启动网页时自动? 我试过这种语法;
<audio control loop autoplay>
<source src= "music.mp3" type="audio/mpeg">
</audio>
此语法仅循环播放音频。它不会自动启动音频
【问题讨论】:
【参考方案1】:或者你可以尝试基本的东西来满足你的需要,
<audio autoplay loop>
<source src="yoursource.mp3">
</audio>
感谢Autoplay an audio with HTML5 embed tag while the player is invisible
【讨论】:
【参考方案2】:您可以添加一点 javascript 来自动播放它。警告:玩这个 sn-p 可能会很烦人!
var src = "https://www.w3schools.com/HTML/horse.ogg";
function loadaudio(src)
var myaudio = document.getElementById("horse");
myaudio.autoplay = true;
myaudio.load(src);
;
<body onload="loadaudio();">
<audio id="horse" controls loop>
<source src= "https://www.w3schools.com/HTML/horse.ogg" type="audio/ogg">
</audio>
</body>
【讨论】:
如果您在源属性中添加了 id,您可以通过 javascript 设置 src.. 我没有,但您明白了要点以上是关于html中的语法自动循环播放.mp3文件的主要内容,如果未能解决你的问题,请参考以下文章
JavaScript click 函数播放 mp3,不循环播放