咨询电话:186 7916 6165 咨询电话:186 7916 6165 (微信同号)    在线QQ:181796286
NEWS BLOG ·
学无止境
关注开优网络 关注前沿
JavaScript 设为首页 和 加入收藏
js判断是手机访问还是电脑访问

网页播放MP3(only ie)

发表日期:2015-11-18    文章编辑:南昌开优网络    浏览次数:3869    标签:CSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MP3音乐播放测试</title>
</head>
<body>
    <object classid='CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95' codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,05,0809'
        height='0' id="NSOPlay" type='application/x-oleobject' width='0' standby="Connecting with Live Event. Please wait patiently...">
        <param name="AutoStart" value="1" />
        <!--控制播放方式: x=1,打开网页自动播放; x=0,按播放键播放?-->
        <param name="Filename" value="upload/sound1.mp3" />
        <!--你文件的位置-->
        <param name="PlayCount" value="0" />
        <!--控制重复次数: “x”为几重复播放几次; x=0,无限循环?-->
    </object>
    <br/>
    <input onclick="document.getElementById('NSOPlay').pause()" type="button" value="停止"/>
    <input onclick="document.getElementById('NSOPlay').Play()" type="button" value="播放"/>
    <input onclick="fprev();" type="button" value="上一首"/>
    <input onclick="fnext();" type="button" value="下一首"/>
</body>
</html>
<script type="text/javascript">
    //下一首
    function fnext() {
        document.getElementById("NSOPlay").Filename = "upload/sound2.mp3";
    }
    //上一首
    function fprev() {
        document.getElementById("NSOPlay").Filename = "upload/sound1.mp3";
    }
</script>


//网页自动播放音频
<audio id="bgMusic" src="http://www.weixinguanjia.com//media/images/green/bgaudio.mp3" autoplay="autoplay" loop="loop"></audio>