0

WordPress (v2.1.7) 用の mediaelement.js プラグインを使用しており、この美しい「バックライト」スタイルでビデオを表示したいと考えています。

ここで実際に：

http://mediaelementjs.com/examples/?name=バックライト

このページには、Wordpress 以外のバージョン専用だと思われる 2 つのセットアップ手順があります。

I. プラグイン スクリプトの追加

<script src="jquery.js"></script>
<script src="mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="mediaelementplayer.css" />
<!-- here's the plugin -->
<script src="mejs-feature-backlight.js"></script>

これを達成するために、このスクリプトを追加しました：

<script type='text/javascript' src='<?php echo bloginfo('template_url'); ?>/js/mejs-feature-backlight.js></script>

私のテーマのheader.phpファイルで、ファイル「mejs-feature-backlight.js」をフォルダー .../wp-content/themes/themename/js にコピーしました。

2 番目の命令は次のように述べています。

Ⅱ．機能リストにプラグインを含める

jQuery(document).ready(function($) {

// create player
$('#player1').mediaelementplayer({
    // add desired features in order
    features: ['playpause','current','progress','duration','volume','fullscreen','backlight'],
    // the time in milliseconds between re-drawing the light
    backlightTimeout: 200
});
});

このコード スニペットをどこにコピーすればよいかよくわかりません。したがって、推測しながら、ファイル「mediaelement-and-player.js」にコピーしました。これは、この状況で私にとって最良の選択であると思われました。

しかし、今ビデオを投稿しようとすると、どのショートコードを使用する必要がありますか? 私は次のことを試しました：

[video src="http://mysite.com/mymedia.mp4" width="640" height="360" バックライト="true"] または

[ビデオ src="http://mysite.com/mymedia.mp4" width="640" height="360" id="player1"]

しかし、残念ながらうまくいきません。ビデオは正常に再生されますが、バックライトが表示されません...

どんな助けでも大歓迎です。

4

1 に答える 1

0

最初に、

<script type='text/javascript' src='<?php echo bloginfo('template_url'); ?>/js/mejs-feature-backlight.js></script>

間違っている。そのはず：

<script type='text/javascript' src='<?php bloginfo('template_directory'); ?>/js/mejs-feature-backlight.js></script>

また

<script type='text/javascript' src='<?php echo get_bloginfo('template_directory'); ?>/js/mejs-feature-backlight.js></script>

次に、ビデオ プレーヤーの ID は次の ID と一致する必要があります。

jQuery(document).ready(function($) {

// create player
$('#player1').mediaelementplayer({
    // add desired features in order
    features: ['playpause','current','progress','duration','volume','fullscreen','backlight'],
    // the time in milliseconds between re-drawing the light
    backlightTimeout: 200
});
});

それが「#player1」です。ID を動的に生成してスクリプトに入れることができれば問題ありません。したがって、スクリプトの場所は、外部 JS ファイルではなく、ビデオ プレーヤーを生成するファイルと同じページ (または必要に応じて php ファイル) にある必要があります。

それが役立つことを願っています。

于 2011-07-20T10:55:41.890 に答える