audio 音乐自动播放,循环播放,隐藏等

技术文章 3个月前 完美者
1,201 0

标签:div   https   log   city   属性   logs   最好   nbsp   ring   

https://www.runoob.com/html/html-sounds.html

audio播放音乐

最好的 HTML 解决方法

下面的例子使用了两个不同的音频格式。HTML5 <audio> 元素会尝试以 mp3 或 ogg 来播放音频。如果失败,代码将回退尝试 <embed> 元素。

 <audio id="audio" height="100" width="100" style="opacity:0" preload="auto" controls hidden="true">
    <source src="../assets/audio/cheering.mp3" type="audio/mpeg" />
    <source src="../assets/audio/cheering.ogg" type="audio/ogg" />
    <embed height="50" width="100" src="../assets/audio/cheering.mp3" />
 </audio>

页面加载加载音乐但是不播放,通过调用这段代码:

let myAuto = document.getElementById(‘audio‘)
myAuto.play()

其它属性解释:

  • preload: 如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
  • autoplay: 如果出现该属性,则音频在就绪后马上播放。代码:autoplay="autoplay" ,也可以用:autoplay="true" 
  • controls: 如果出现该属性,则向用户显示控件,比如播放按钮。
  • loop: 如果出现该属性,则每当音频结束时重新开始播放。
  • hidden: 隐藏播放界面

转载于:https://www.cnblogs.com/mochaMM/p/7118875.html

 

audio 音乐自动播放,循环播放,隐藏等

标签:div   https   log   city   属性   logs   最好   nbsp   ring   

原文地址:https://www.cnblogs.com/itcast-guoke/p/14177572.html

版权声明:完美者 发表于 2020-12-29 11:18:11。
转载请注明:audio 音乐自动播放,循环播放,隐藏等 | 完美导航

暂无评论

暂无评论...