HTML5音頻播放

時間 2020-06-20

標籤 html5 html 音頻播放欄目 HTML5 简体版

原文原文鏈接

一、Audio（音頻）html

　　HTML5提供了播放音頻文件的標準瀏覽器

二、control（控制器）ide

　　control屬性提供添加播放、暫停和音量控件spa

三、標籤code

　　<audio>定義聲音視頻

　　<source>規定多媒體資源，能夠是多個htm

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>音頻文件視頻播放</title>
</head>
<body>
    <audio src="raw/許嵩%20-%20攝影藝術.mp3" controls="controls">您的瀏覽器不支持</audio>
    <audio id="audio" src="raw/許嵩%20-%20攝影藝術.mp3" >haha</audio>
    <button onclick="clickA()" id="button">播放/暫停</button>
    <script>
       a= document.getElementById("audio");
        function clickA() {
            if(a.paused){
                a.play();
            }else{
                a.pause();
            }
        }
    </script>
    <video controls="controls" id="video">
        <source src="raw/攝影藝術.mkv">
        <source src="raw/攝影藝術.ogg">
        該瀏覽器不支持
    </video>
    <button onclick="clickV()">播放/暫停</button>
    <script>
        var v=document.getElementById("video");
        function clickV() {
            if(v.paused){
                v.play();
            }else{
                v.pause();
            }
        }
    </script>
</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。