HTML5之embed 播放音频

最新推荐文章于 2023-02-27 17:27:20 发布

RED-GO

最新推荐文章于 2023-02-27 17:27:20 发布

阅读量4.8k

点赞数 1

分类专栏： --------【HTML/CSS/JS】文章标签： html5 play

本文链接：https://blog.csdn.net/u010137431/article/details/50383391

版权

--------【HTML/CSS/JS】专栏收录该内容

10 篇文章 0 订阅

订阅专栏

示例代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <div id="div1"></div>
    <input type="button" value="立即" onclick="play_click(this,'lovemusic.mp3');">
    <div id="div2"></div>

    <script language="javascript">
        function play_click(sef,url){
            var div = document.getElementById('div1');
            div.innerHTML = '<embed src="'+url+'" loop="0" autostart="true" hidden="true"></embed>';
            var emb = document.getElementsByTagName('EMBED')[0];
            if (emb) {
                /* 如果 wav(mp3) 文件没有即时加载，则执行以下代码*/
                div = document.getElementById('div2');
                /* div2显示音频src信息  */
                div.innerHTML = 'loading: '+ emb.src;
                /* 立即按钮成灰色状态 */
                sef.disabled = true;
                /* div2的显示内容为空白 */
                setTimeout(function(){div.innerHTML='';},5000);
            }
        }
    </script>

</body>
</html>