zoukankan      html  css  js  c++  java
  • HTML 5 音频(audio)

     audio 元素支持三种音频格式IE 9Firefox 3.5Opera 10.5Chrome 3.0Safari 3.0
    Ogg Vorbis    
    MP3    
    Wav    

     1、设置一个ogg格式的文件

    <audio src="song.ogg" controls="controls">
    您的浏览器不支持 audio 标签。
    </audio>

    执行如下:

    当浏览器不支持ogg格式时则显示“您的浏览器不支持 audio 标签。”。

    2、设置多种格式

    <audio controls="controls">
      <source src="song.ogg" type="audio/ogg">
      <source src="song.mp3" type="audio/mpeg">
      您的浏览器不支持 audio 标签。
    </audio>

    <audio> 标签的属性如下:

    controls/controls="controls" 显示播放按钮
    autoplay/autoplay="autoplay" 立即播放
    loop/loop="loop" 循环播放
    muted/muted="muted" 静音
    preload/preload="preload" 加载视频d

    隐藏下载按钮  controlsList="nodownload"

    禁用右键   oncontextmenu="return false"

    其余只需调整宽度即可 style="100px"

    只显示播放按钮

    <div  style="45px;overflow: hidden">
    <audio src="/i/horse.ogg" controls="controls">TEST</audio>
    <div>

  • 相关阅读:
    飞入飞出效果
    【JSOI 2008】星球大战 Starwar
    POJ 1094 Sorting It All Out
    POJ 2728 Desert King
    【ZJOI 2008】树的统计 Count
    【SCOI 2009】生日快乐
    POJ 3580 SuperMemo
    POJ 1639 Picnic Planning
    POJ 2976 Dropping Tests
    SPOJ QTREE
  • 原文地址:https://www.cnblogs.com/LoveSuk/p/5287420.html
Copyright © 2011-2022 走看看