使用jQuery和mediaelement.js播放声音上点击(play sound on clic

我有一个使用3种类型的音频和视频的页面设计：

1. 几部影片。
2. 一个音频声音触发的onclick。
3. 一个音频循环，在此背景下，选择关闭起着。

MeidaElement.js看起来就像完美的影片，让他们以最小的大惊小怪的所有打跨浏览器。

这似乎也还播放音频很好。 我只是不知道如果我可以触发从一个jQuery位音频 - 也就是，只有点击任何旧股利。 如果是的话，我可以预加载音频使声音立即发生的点击。

感谢您事先的任何指针。

Answer 1:

这个jQuery功能似乎为我工作：

$('.button').click(function(){
    $('audio')[0].player.play();
});

Answer 2:

你应该能够这样你绑定什么要在jQuery的一个div以同样的方式结合到一个div。 在样品http://mediaelementjs.com/#installation会给你一个良好的开端，创建您的音频播放器的方法。 特别，

<script>
// JavaScript object for later use
var player = new MediaElementPlayer('#player',/* Options */);
// ... more code ...
player.pause();
player.setSrc('mynewfile.mp4');
// I'm removing the following play call so we can do it elsewhere
//player.play();
</script>

在上文中，我去掉了调用播放（），所以我可以在其他地方绑定。 在jQuery的，我认为应该如下所示：

$('#divWhatever').on('click', function() { $('#player').play() } )

请测试这一点，报告所遇到的成功或失败的东西。 无论如何，在功能上是你在找什么jQuery中： http://api.jquery.com/on/

文章来源: play sound on click using jquery and mediaelement.js