直接在Wordpress中使用纯JWPlayer(JS)(非WP插件)

时间:2014-04-02 04:11:26

标签: 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: {
                position: 'right',
                size: 250
        },
        width: 700,
        height: 400
    });
});
</script>

它无法正常工作,因为甚至 jwplayer("myJWPlayer")来电 不会被触发。


注意:此代码完全适用于纯HTML文件。
好吗?

2 个答案:

答案 0 :(得分:1)


请使用以下模板文件: [您忘记关闭双重报价]

<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>

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

how-to-generate-a-valid-playlistxml

jw-player-xml-playlist-and-javascript

另请查看此博客有关jwplayer播放列表

的信息

jwplayer-playlist

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

getting-started-with-the-wordpress-plugin

jw-player-plugin-for-wordpress

wordpress-video-tutorial-how-to-install-jw-player-plugin

希望以上信息有助于:)

答案 1 :(得分:1)

实际上我需要以WP方式正确排队JS调用。不是像<script ....js />这样的普通HTML方式。得到了答案:

https://wordpress.stackexchange.com/a/139984/35907