玩家必看科普!麻豆人人妻人人妻人人片AV,欧美老妇交乱视频在线观看,久久综合九色综合久99_知乎

<ruby id="fgcka"></ruby>

<progress id="fgcka"></progress>

<tbody id="fgcka"></tbody>

<dd id="fgcka"></dd>

<dd id="fgcka"></dd>

<em id="fgcka"></em>

當前位置：首頁 > 網頁制作 > HTML/Xhtml > 詳細頁面

HTML5之audio屬性

時間：2020-03-04來源：電腦系統城作者：電腦系統城

audio主要支持的音頻格式：

mp3 ogg wav

復制代碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>audio</title>
</head>
<body>
    <!-- 方法一 -->
    <audio controls>
        <source src="data/imooc.mp3"></source>
    </audio>

    <!-- 方法二 -->
    <audio controls src="data/imooc.mp3"></audio>
</body>
</html>

復制代碼

source的級別沒有直接在audio中寫src高

關于兼容性：

mp3 所有瀏覽器都兼容

ogg safari瀏覽器不兼容，其他都可

wav 所有瀏覽器都兼容

可以使用JS生成audio對象

復制代碼

    <button id="btn">play</button>
    <script>
        var myaudio=new Audio();
        myaudio.src="data/imooc.mp3";

        //谷歌和歐朋不能直接播放，必須與事件交互
        //其他瀏覽器可以
        btn.onclick=function(){
            myaudio.play();
        }
    </script>

復制代碼

audio標簽屬性

autoplay 自動播放，谷歌和歐朋不能自動播放（和video的區別是即使設置了靜音也不會自動播放）

<audio controls src="data/imooc.mp3" autoplay></audio>

沒有width和height屬性，需要通過style來控制

<audio controls src="data/imooc.mp3" autoplay width="500"></audio>

復制代碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>audio</title>
    <style>
        audio{
            width:500px;
        }
    </style>
</head>
<body>
    <audio controls src="data/imooc.mp3" autoplay></audio>
</body>
</html>

復制代碼

相關信息

2021-04-22
巧用 -webkit-box-reflect 倒影實現各類動效(小結)
2021-04-22
HTML+CSS+JS實現圖片的瀑布流布局的示例代碼
2020-03-04
HTML5 video自定義視頻播放器

HTML連載72-動畫效果及其他屬性
一、動畫效果 1.過渡與動畫相類似，都需要三要素，那么他們的區別在哪里呢？ ?答：過渡必須是人為的觸發才會執行動畫，動畫不需要人為的觸發就可以自動執行?動畫。 2.?相同點：（1）過度和動畫都是用來給元素添加動畫的；（2）過渡...

2020-03-04
徹底搞懂flex彈性盒模型布局
為什么要用flex 基于css3簡單方便，更優雅的實現，瀏覽器兼容性好，傳統的css實現一個div居中布局要寫一堆代碼，而現在幾行代碼就搞定了，沒有理由不用flex。...

2020-02-28

熱門系統總排行

裝機必備

系統教程欄目

欄目熱門教程

人氣教程排行

站長推薦

熱門系統下載

玩家必看科普!麻豆人人妻人人妻人人片AV,欧美老妇交乱视频在线观看,久久综合九色综合久99_知乎人人玩人人添人人澡超碰偷拍青春娱乐视频精品分类官网2 最好最新高清中文字幕 91国自产拍最新2018 欧美精品一区二区三区不卡网深夜你懂得我的意思2021 宿舍NP乖把腿张开H 网恋奔现一天被要几次为什么我越叫他越快学渣各种各样的PLAY 英语课代表下面好软小说亚洲国产综合在线区尤物 FREE性丰满HD性欧美我年轻漂亮的继坶BD 最近中文字幕完整免费视频啦啦啦免费视频卡一卡二青柠视频在线观看大全在线天堂WWW在线资源亚洲国产日本韩国欧美MV 天天学习|久久久久久久精品国产亚洲87 国产K频道分享系统进入口三个嘴都吃满了还塞满了 JAPONENSIS老师学生JAVAHBB 亚洲精品1卡2卡3卡4卡樱花草在线社区WWW韩国好涨水快流出来了快吃动视频久久AV无码精品人妻出轨