直接使用纯JWPlayerJS(而不是WP插件)

时间:2014-04-02 作者:夏期劇場

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

模板文件中的井:

wp_register_script(\'myJW\', get_bloginfo(\'template_url\') . \'/jwplayer.js\');
wp_enqueue_script(\'myJW\');
?>

<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>
它不起作用,因为even 这个jwplayer("myJWPlayer") 呼叫是not 正在触发。

<小时>Note: This codes are perfectly working in pure HTML sites.<有什么想法吗?

2 个回复
最合适的回答,由SO网友:Pieter Goosen 整理而成

您需要将脚本正确排队。您应该将脚本挂接到

function enqueue_custom_script() {
     wp_register_script(\'myJW\',  get_bloginfo(\'template_url\') . \'/jwplayer.js\');
    wp_enqueue_script(\'myJW\');
}

add_action( \'wp_enqueue_scripts\', \'enqueue_custom_script\' );  

SO网友:Rajeev Vyas

EDIT

http://www.example.com/playlist.xml 不是有效的播放列表url。你也失踪了" 在url的末尾。

请参阅http://www.longtailvideo.com/support/jw-player/28850/using-the-javascript-api 用于jwplayer的使用。

你还需要打电话

jwplayer().play()
试试这个,

wp_register_script(\'myJW\', get_bloginfo(\'template_url\') . \'/jwplayer.js\',array(\'jquery\'));
wp_enqueue_script(\'myJW\');
?>

<div id=\'myJWPlayer\'></div>
<script>
jQuery(document).ready(function(){
    alert(\'am called\');
    jwplayer("myJWPlayer").setup({
        playlist: "http://www.example.com/playlist.xml,
        listbar: {
                position: \'right\',
                size: 250
        },
        width: 700,
        height: 400
    });
});
</script>
如果收到任何错误,请参阅浏览器错误日志。您可以将firebug用于firefox,或者如果您使用的是chrome,只需按f12即可打开开发控制台,转到控制台并重新加载页面。也许你在那里得到了一些有用的信息。

还要注意,最好从函数文件中注册脚本并将其排队。

结束

相关推荐

如何在WordPress中包含调整大小的javascript/jQuery图像?

我不想在我的wordpress主题中包含此脚本,使其根据当前窗口高度调整帖子内所有图像的大小:https://github.com/gutierrezalex/photo-resize我在文本编辑器中创建了一个基本的测试页面,它可以很好地调整图像的大小。然而,当我试图将其应用/包括在我的wordpress主题中时,我根本无法使其发挥作用。