WordPress安装整合Flowplayer视频播放器详细教程 - WordPress - 软件开发资源站

一、Flowplayer播放器简介：

FlowPlayer是一个用Flash开发的在Web上的视频播放器，可以很容易将它集成在任何的网页上。支持HTTP以及流媒体传输。

最新版本为5.1.1，最新版本使用纯HTML5 + CSS3实现的原生VIDEO标签，自动降级为Flash播放器，专门为现今的浏览器设计，旨在提供良好的性能和用户体验。

最新版本大D在使用中遇到的问题比较多，于是转为使用Flowplayer 3.2.15版本。

Flowplayer官网：http://flowplayer.org/

二、Flowplayer播放器安装

首先解压下载的播放器文件，得到下面三个文件：

flowplayer.controls-3.2.14.swf
flowplayer-3.2.11.min.js
flowplayer-3.2.15.swf

在/wp-content/plugins文件夹下建立一个名为flowplayer的文件夹，并把上面解压出来的三个文件上传到新建的这个flowplayer文件夹。

打开主题的header.php，在</head>前面添加如下代码：

Flowplayer的安装就完成了，下面来说一下使用。

三、给编辑器添加Flowplayer调用按钮，如下图：

WordPress安装整合Flowplayer视频播放器详细教程

添加调用按钮的方法：

1、在主题functions.php文件中添加如下代码：

add_action('
admin_print_scripts'
, '
my_quicktags'
);
function my_quicktags() {
wp_enqueue_script('
my_quicktags'
,get_stylesheet_directory_uri().'
/my-quicktags.js'
,array('
quicktags'
));

2、新建一个名为my-quicktags.js的文件，并写入如下代码：

QTags.addButton( '
Video'
, '
Video'
, '
<a id="playerID" style="display: block;
width: 宽度px;
height: 高度px;
" href="地址"></a><script type="text/javascript" language="JavaScript">flowplayer("playerID", "/wp-content/plugins/flowplayer/flowplayer-3.2.15.swf",{
clip:{
url:'
地址'
,autoPlay: false, autoBuffering: true}
}
);
</script>'
,'
'
);
//QTags.addButton( '
my_id'
, '
my button'
, '
n</span>'
, '
</span>n'
);
//这儿共有四对引号，分别是按钮的ID、显示名、点一下输入内容、再点一下关闭内容（此为空则一次输入全部内容），n表示换行。

如果你用的主题文件中有这个文件，那么直接将上述代码写进my-quicktags.js文件即可。

WordPress安装整合Flowplayer视频播放器详细教程 类别：WordPress 作者：码皇 来源：CMS资源网 点击：

WordPress安装整合Flowplayer视频播放器详细教程
类别：WordPress 作者：码皇来源：CMS资源网点击：