jQuery自动播放HTML5音频

jQuery to autoplay HTML5 audio

本文关键字：音频 HTML5 自动播放 jQuery      更新时间：2023-09-26

好的，让我告诉你我在哪里。音频文件显示并加载。你可以点击播放。jQuery并没有自动播放素材。我必须根据链接的href加载到文件中。代码如下。正在尝试将其自动播放。

            $('.voiceLink a', resbox).click(function(e){
                e.preventDefault();
                var link = $(this).prop('href'),
                    audio = $('.audioControl', el.parent());
                audio.find('source').prop('src', link);
                audio.parent().css('display','inline-block');
                audio.find('audio').load();
                setTimeout(audio.find('audio').play(), 100);
                $(window).scrollTop();
            });

resbox=包装盒。

HTML元素：

<div class="audioHide" style="display: none;">
                <div class="audioControl" style="position:relative; top:10px; left:50px; display:inline-block;">
                    <audio controls><source src="#" type="audio/mpeg">
                        Not Supported
                    </audio>
                </div>
                </div>

示例链接：

<a target="_blank" href="http://relatientsounds.s3-website-us-east-1.amazonaws.com/recordings/2456266.mp3">2456266</a>

编辑

试试这个

audio.find('source').prop('src', link);
audio.parent().css('display','inline-block');
audio.find('audio').load();
//this line
audio.find('audio')[0].play();

演示http://jsfiddle.net/m25kfy57/1/

相关文章：