Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 自动播放WordPress音频播放列表(MediaElement.js)_Javascript_Jquery_Wordpress_Mediaelement.js - Fatal编程技术网

Javascript 自动播放WordPress音频播放列表(MediaElement.js)

Javascript 自动播放WordPress音频播放列表(MediaElement.js),javascript,jquery,wordpress,mediaelement.js,Javascript,Jquery,Wordpress,Mediaelement.js,WordPress不提供音频播放列表的“自动播放”选项,就像它们提供单个音频嵌入一样 因为WordPress使用的是MediaElement.js,所以应该有一个解决办法,是吗 我到处找了很多,没有找到一个可行的答案 比如说, 那里有很多不错的变体,但似乎没有一个能与WordPress播放列表播放器元素配合使用 我对Javascript和jQuery的缺乏是有限的,但我在播放列表中找到的CSS唯一选择器是 div.mejs-button.mejs-playpause-button.mejs-pl

WordPress不提供音频播放列表的“自动播放”选项,就像它们提供单个音频嵌入一样

因为WordPress使用的是MediaElement.js,所以应该有一个解决办法,是吗

我到处找了很多,没有找到一个可行的答案

比如说,

那里有很多不错的变体,但似乎没有一个能与WordPress播放列表播放器元素配合使用

我对Javascript和jQuery的缺乏是有限的,但我在播放列表中找到的CSS唯一选择器是

div.mejs-button.mejs-playpause-button.mejs-play > button
因此,我希望有一个解决办法,如

$(document).ready(function() {
$("div.mejs-button.mejs-playpause-button.mejs-play > button").trigger('click');
});
在单页模板的顶部,我有我的播放器-可以工作,但没有用

有人知道适合做这个的工作吗?由于WP本身并不支持它,所以我假设需要一个javascript或jQuery解决方案。泰

编辑:

这是播放控制:

<div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play">
<button type="button" aria-controls="mep_0" title="Play" aria-label="Play"></button></div>

我很接近

<script type="text/javascript">
$(window).bind("load", function() {
$("div.mejs-button.mejs-playpause-button.mejs-play > button").trigger('click');
});
</script>

$(窗口).bind(“加载”,函数(){
$(“div.mejs-button.mejs-playpaise-button.mejs-play>button”).trigger('click');
});
解决方案是使用
$(window).bind(“load”,function()
,而不是
$(document).ready(function()
),这样脚本只在页面加载后运行。

我关闭了

<script type="text/javascript">
$(window).bind("load", function() {
$("div.mejs-button.mejs-playpause-button.mejs-play > button").trigger('click');
});
</script>

$(窗口).bind(“加载”,函数(){
$(“div.mejs-button.mejs-playpaise-button.mejs-play>button”).trigger('click');
});
解决方案是使用
$(window).bind(“load”,function()
,而不是
$(document).ready(function()
),这样脚本只在页面加载后运行