Javascript 直接在Wordpress中使用纯JWPlayer(JS)(不是WP插件)

Javascript 直接在Wordpress中使用纯JWPlayer(JS)(不是WP插件),javascript,wordpress,jwplayer,Javascript,Wordpress,Jwplayer,首先,我没有使用WP-JWPlayer插件。(我不想要它。这是另一个故事) 在模板文件中: <div id='myJWPlayer'></div> <script> jQuery(document).ready(function(){ jwplayer("myJWPlayer").setup({ playlist: "http://www.example.com/playlist.xml", listbar: {

首先,我没有使用WP-JWPlayer插件。(我不想要它。这是另一个故事)


在模板文件中:

<div id='myJWPlayer'></div>
<script>
jQuery(document).ready(function(){
    jwplayer("myJWPlayer").setup({
        playlist: "http://www.example.com/playlist.xml",
        listbar: {
                position: 'right',
                size: 250
        },
        width: 700,
        height: 400
    });
});
</script>

jQuery(文档).ready(函数(){
jwplayer(“myJWPlayer”)。设置({
播放列表:“http://www.example.com/playlist.xml",
列表栏:{
位置:'右',
尺码:250
},
宽度:700,
身高:400
});
});
它不起作用,因为甚至正在触发
jwplayer(“myJWPlayer”)
调用


注意:这些代码在纯HTML文件中工作得非常好。
有什么想法吗?


我们可以使用以下模板文件:[您忘记关闭双引号]

jQuery(文档).ready(函数(){
jwplayer(“myJWPlayer”)。设置({
//你忘记关闭双引号了
播放列表:“http://www.example.com/playlist.xml",
列表栏:{
位置:'右',
尺码:250
},
宽度:700,
身高:400
});
});

同时检查您的播放列表是否正确生成

也可以查看这个关于jwplayer播放列表的博客

如果您对wordpress插件感兴趣,可以在此处查看它


希望以上信息有帮助:)

事实上,我需要以WP方式正确地将JS调用排队。不是通过像
那样的常规HTML方式。这里有答案:


查看我的答案您似乎忘记关闭双引号设置让我知道您是否仍然面临此问题:)您在哪里运行此功能?嗨@hitesh,非常感谢您的建议。实际上,“双引号”只是问题中的输入错误(在实际代码中是正确的)。问题是,(正如我所提到的)播放列表设置是绝对正确的,因为这些代码在独立的HTML(非wordpress)页面中工作得非常好。(所以也可以假设XML是正确的)**只是没有触发
jwplayer(“myJWPlayer”).setup
调用,就像在WP中一样。不要假设HTML是正确的,那么它在XHTML中是正确的。在HTML中,一些标记不需要关闭,在Wordpress使用的XHTML语言中,所有标记都必须关闭,句号,没有例外。您是否尝试过在IE浏览器中运行
this
?可能是由于创建了
HTML/XHTML
(由@PieterGoosen解决),我建议您先尝试使用一个视频,而不是整个播放列表来调试问题,正如您所说的
jwplayer(“myJWPlayer”)。安装程序没有被触发。您可以检查调试程序并告诉我它抛出了什么错误吗。如果您可以提供任何
JSFIDDLE
或演示链接,这将非常有助于从我的角度进行调试,找到问题并给出准确的答案。也感谢您分享。
<div id='myJWPlayer'></div>
<script>


 jQuery(document).ready(function(){
        jwplayer("myJWPlayer").setup({
//YOU FORGOT TO CLOSE DOUBLE QUOTES 
            playlist: "http://www.example.com/playlist.xml",
            listbar: {
                    position: 'right',
                    size: 250
            },
            width: 700,
            height: 400
        });
    });
    </script>