0

我正在使用适用于 WordPress 的 mediaelement.js 插件（v2.1.7），并希望以您可以看到的这种漂亮的“背光”样式显示视频

在这里行动：

http://mediaelementjs.com/examples/?name=backlight

在此页面上有两个设置说明，我猜它们仅适用于非 Wordpress 版本：

一、添加插件脚本

<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 文件中，并在文件夹 .../wp-content/themes/themename/js 中复制了文件“mejs-feature-backlight.js”。

第二条指令如下：

二、将插件包含在功能列表中

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”，但在这种情况下，这似乎是我的最佳选择。

但是现在当我尝试发布视频时，我必须使用哪个简码？我尝试了以下方法：

[视频 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(文档).ready(函数($) {

// 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 并放入脚本中，那么您就可以了。因此，脚本的位置应与生成视频播放器的文件位于同一页面（或 php 文件，如果需要），而不是在外部 JS 文件中。

希望有帮助。

于 2011-07-20T10:55:41.890 回答