使用HTML5Media或类似功能点击按钮播放MP3

时间:2014-03-07 06:46:58

标签: javascript html5 mp3 html5-audio mediaelement.js

我需要点击按钮才能运行mp3。 我正在使用HTML5Media(http://html5media.info/),因为它适用于任何浏览器并适用于移动设备。

但有了它,我可以放普通玩家,当你点击按钮时玩家无法运行。 我怎样才能做到这一点?

请记住,需要一种适用于移动设备的解决方案。

-

这是我的代码:

<audio controls preload> 
    <source src="scream.mp3"></source> 
    <source src="scream.ogg"></source> 
</audio>

1 个答案:

答案 0 :(得分:0)

我很自豪你想创建一个额外的按钮来控制音频,虽然内置的控件(显示controls - audio的属性 - 标签)确实有一个暂停/播放按钮。试试这个:

<a href="javascript:playPause();">Play/Pause</a>
<audio controls preload>
    <source src="someUrl"></source>
</audio>
<script type="text/javascript">
   function playPause() {
        var song = document.getElementsByTagName('audio')[0];
        if (song.paused) song.play();
        else song.pause(); 
    }
</script>