web-dev-qa-db-ja.com

純粋なJWPlayer JSを直接使用する(ただしNOT WP プラグイン)

まず第一に、私はWP JWPlayer Pluginを使っていません。 (そして私はそれを望んでいません。そしてそれはまた別の話です)


テンプレートファイルでは:

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>

偶数jwplayer("myJWPlayer")呼び出しは not トリガされていないため、動作しません。


注意:このコードは純粋なHTMLサイトでは完全に機能しています。
何か考えてください。

1
夏期劇場

スクリプトを正しくエンキューする必要があります。あなたのスクリプトをにフックする必要があります

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' );  
1
Pieter Goosen

編集

http://www.example.com/playlist.xml は有効な再生リストのURLではありません。また、URLの最後に"がありません。

Jwplayerの使い方については http://www.longtailvideo.com/support/jw-player/28850/using-the-javascript-api を参照してください。

また電話する必要があります

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>

エラーが発生した場合は、ブラウザのエラーログも参照してください。あなたはfirefoxのためにfirebugを使うことができます、あるいはあなたがクロムを使っているならばちょうどdevlopementコンソールを開くでしょうf12を押してください、コンソールに行き、そしてページをリロードしてください。役に立つ情報があるかもしれません。

また、関数ファイルからスクリプトを登録してエンキューするのが賢明です。

0
Rajeev Vyas