在WordPress中安装使用视频播放器插件Hana Flv Player
<p>hana flv player 是一个在 wordpress 中应用比较广泛的播放器插件,<br>
该插件内置了5种媒体播放器,其播放文件以 flv 文件为主,<br>
并将插入文件的按钮集成到 wordpress 后台的编辑界面上方便用户操作,<br>
实在是一个不可多得的好插件。</p>
<p>
内置的播放器</p>
<ul>
<li>
os flv v2.0.5</li>
<li>
flowplayer v2.2.1</li>
<li>
flowplayer v3.2.7</li>
<li>
flv player maxi</li>
<li>
mediaelement.js</li>
</ul>
<p>
内置播放器的特色我就不说了,网上搜搜吧,这些都是比较流行的播放器。</p>
<p>
插件的使用<br>
下载插件大家可以去你的 wordpress 后台直接搜索下载该插件,<br>
你还可以直接访问插件主页来获取最新插件:hana flv player<br>
安装后记得在后台选择启用哦亲,<br>
启用后在可视化和html编辑模式下你可以分别看到如下两个按钮:</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="在WordPress中安装使用视频播放器插件Hana Flv Player" alt="在WordPress中安装使用视频播放器插件Hana Flv Player" src="https://zhuji.jb51.net/uploads/img/202305/4b6a9346be5beb26246aa009b8b3aae8.jpg"></p>
<p>
点击后会弹出一个浮动层,主要用来设置视频的一些参数</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="在WordPress中安装使用视频播放器插件Hana Flv Player" alt="在WordPress中安装使用视频播放器插件Hana Flv Player" src="https://zhuji.jb51.net/uploads/img/202305/46abaea8844b7c93a3164e7bb9da260f.jpg"></p>
<p>
默认设置的修改</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="在WordPress中安装使用视频播放器插件Hana Flv Player" alt="在WordPress中安装使用视频播放器插件Hana Flv Player" src="https://zhuji.jb51.net/uploads/img/202305/ef6c4e5a5150c8e457d02c2bea146a8c.jpg"></p>
<p>
在这里你可以将一些适合你主题的默认的样式和播放默认值给予预设值,<br>
这样每次插入视频的时候只需要设置视频地址就可以了,是不是很简单?</p>
<p>
短代码的使用<br>
当然该插件也可以通过直接使用短代码来设置视频的播放,<br>
下面以一个简单的例子来说明一下:</p>
<div>
<div>
<div id="highlighter_471740">
<div>
<span>?</span>
</div>
<table border="0" cellpadding="0" cellspacing="0"><tbody><tr>
<td>
<div>
1</div>
<div>
2</div>
<div>
3</div>
<div>
4</div>
<div>
5</div>
<div>
6</div>
<div>
7</div>
<div>
8</div>
<div>
9</div>
<div>
10</div>
<div>
11</div>
<div>
12</div>
<div>
13</div>
<div>
14</div>
<div>
15</div>
</td>
<td>
<div>
<div>
<code>[hana-flv-player</code>
</div>
<div>
<code> </code><code>//视频地址 </code>
</div>
<div>
<code> </code><code>video=</code><code>"http://localhost/wp/wp-content/plugins/hana-flv-player/babyhana.flv"</code>
</div>
<div>
<code> </code><code>width=</code><code>"400"</code><code>//视频宽度</code>
</div>
<div>
<code> </code><code>height=</code><code>"320"</code><code>//高度</code>
</div>
<div>
<code> </code><code>description=</code><code>"sarah is having fun in a merry-go-round"</code><code>//描述</code>
</div>
<div>
<code> </code><code>clickurl=</code><code>"http://localhost/wp"</code><code>//点击指向的url</code>
</div>
<div>
<code> </code><code>clicktarget=</code><code>"_blank"</code><code>//是否在新建窗口打开</code>
</div>
<div>
<code> </code><code>player=</code><code>"4"</code><code>//选择几号播放器</code>
</div>
<div>
<code> </code><code>autoplay=</code><code>"false"</code><code>//是否自动播放</code>
</div>
<div>
<code> </code><code>loop=</code><code>"false"</code><code>//是否循环</code>
</div>
<div>
<code> </code><code>autorewind=</code><code>"true"</code><code>//是否重置?</code>
</div>
<div>
<code> </code><code>//预览图片地址 </code>
</div>
<div>
<code> </code><code>splashimage=</code><code>"http://localhost/wp/wp-content/plugins/hana-flv-player/splash.jpg"</code>
</div>
<div>
<code>/]</code>
</div>
</div>
</td>
</tr></tbody></table>
</div>
</div>
</div>
<p>
好了,这么好的东西,赶紧去玩玩吧!</p>
頁:
[1]