likes
comments
collection
share

13.音视频

作者站长头像
站长
· 阅读数 16

一、audio标签:用来向页面中引入一个外部的音频文件(音视频文件引入时默认情况下不允许用户自己控制播放停止)

属性:
    controls 是否允许用户控制播放
    autoplay 音频文件是否自动播放
             (若设置了autoplay则音乐在打开页面时会自动播放,但大部分浏览器都不会自动对音乐进行播放)
    loop     音乐是否循环播放
    以上属性都无数值

例:<audio src="./source/audio.mp3" controls autoplay loop></autoplay>
    (意思是,引用source文件下的audio.mp3,设置成允许控制播放,自动播放,循环播放)
  
<audio controls>
对不起,您的浏览器不支持播放音频 
      <source src="./source/audio.mp3">
      <source src="./source/audio.mp3">
</audio>

<audio controls>
      <source src="./source/audio.mp3">
      <source src="./source/audio.mp3">
      <embed src="./source/audio.mp3" type="audio/mp3" width="300" height="200">
</audio>

二、video标签:向网页中引入一个视频,使用与audio基本一样

<video controls>
       <source src="./source/flower.webm">
       <source src="./source/flower.mp4">
       <embed src="source/flower.mp4" type="video/mp4">
</video>