学习HTML<audio>标签

首先来看下这个例子:

<audio controls autoplay="autoplay">
            <source src="horse.ogg" type="audio/ogg">
            <source src="horse.mp3" type="audio/mpeg">
            您的浏览器不支持 audio 元素。
        </audio>

属性:

controls如果出现该属性,则向用户显示音频控件(比如播放/暂停按钮)。

autoplay如果出现该属性,则音频在加载后自动播放。

我们也可以用JavaScript控制音频的播放和暂停:

<script>
            var audio=document.getElementById('audio');
            function playAudio(){
                audio.play();
            }
            function pauseAudio(){
                audio.pause();
            }
        </script>

audio对象:

play()方法,开始播放音频

pause()方法,暂停当前播放的音频

猜你喜欢

转载自www.cnblogs.com/hool/p/11096216.html
今日推荐