WordPress安装使用Flowplayer简易指南

WordPress安装使用Flowplayer简易指南

在D的博客上看到一个非常非常好的Flash播放器。在那之后，我得知这是一个Flowplayer播放器，所以这花费了文飞。

文中是简单易懂的现代魔法系列产品文章内容的第二d~

一、Flowplayer介绍
FlowPlayer是一个用Flash开发设计的在Web上的视頻播放器，能够非常容易将它集成化在一切的网页页面上。适用HTTP及其流媒体服务器传送。

最新版本为5.1.1，最新版本应用纯HTML5CSS3完成的原生态VIDEO标识，全自动退级为Flash播放器，专业为现如今的电脑浏览器设计方案，致力于出示优良的特性和客户体验。

最新版本大D在应用中碰到的难题比较多，因此变为应用Flowplayer3.2.15版本。

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

二、Flowplayer下载
这儿大D只出示3.2.15版本的下载，5.11版请到官方网站下载。

大家装包下载详细地址https://www.jb51.net/jiaoben/20974.html 

三、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>前边加上以下句子：


复制代码编码以下:
<scripttype="text/javascript"src="<?phpechoplugins_url();?>/flowplayer/flowplayer-3.2.11.min.js"></script>


到此，Flowplayer安裝结束，下边而言一下应用。

四、应用Flowplayer

最先要表明一点，你需要在整篇文章blog文章内容写完以后再加上Flowplayer的启用编码。
不然会出現一些奇怪的问题，例如没法进到数据可视化编写自然环境等。

在写完文章内容以后，在必须加上视頻的地区载入下列编码（HTML编写方式下加上）：


复制代码编码以下:<aid="playerID"style="display:block;width:总宽px;height:高宽比px;"href="详细地址"></a><script_fcksavedurl=""详细地址"></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>
<aid="playerID"style="display:block;width:总宽px;height:高宽比px;"href="详细地址"></a><scripttype="text/javascript"language="JavaScript">flowplayer("playerID","/wp-content/plugins/flowplayer/flowplayer-3.2.15.swf",{clip:{url:'详细地址',autoPlay:false,autoBuffering:true}});</script>

在其中，playerID要保持一致，详细地址为视頻的肯定详细地址。发了事例吧


复制代码编码以下:
<aid="player01"style="display:block;width:576px;height:423px;"href="/wp-content/upload/2012/11/123.flv"></a><scripttype="text/javascript"language="JavaScript">flowplayer("playerID","/wp-content/plugins/flowplayer/flowplayer-3.2.15.swf",{clip:{url:'/wp-content/upload/2012/11/123.flv',autoPlay:false,autoBuffering:true}});</script>
<aid="player01"style="display:block;width:576px;height:423px;"href="/wp-content/upload/2012/11/123.flv"></a><scripttype="text/javascript"language="JavaScript">flowplayer("playerID","/wp-content/plugins/flowplayer/flowplayer-3.2.15.swf",{clip:{url:'/wp-content/upload/2012/11/123.flv',autoPlay:false,autoBuffering:true}});</script>


五、加上后台管理启用按键

像大D这类懶人，肯定是记不得启用编码的书写。

因此弄了一个HTML编写方式的后台管理按键，如下图：



加上后台管理启用按键方式：

1、在主题functions.php文件中加上以下编码：


复制代码编码以下:
add_action('admin_print_scripts','my_quicktags');
functionmy_quicktags(){
wp_enqueue_script(
'my_quicktags',
get_stylesheet_directory_uri().'/my-quicktags.js',
array('quicktags')
);

2、新创建一个名叫my-quicktags.js的文档，并载入下列编码：

复制代码编码以下:
QTags.addButton('Video','Video','<aid="playerID"style="display:block;width:总宽px;height:高宽比px;"href="详细地址"></a><scripttype="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','mybutton','\n</span>','</span>\n');
//这里现有四对冒号，分别是按键的ID、显示信息名、点一下键入內容、再点一下关掉內容（其为空则一次键入所有内容），\n表示自动换行。


假如你用的主题文档中有这一文档，那麼立即将所述编码写进my-quicktags.js文件就可以。
早已写好的my-quicktags.js文件下载详细地址（本文档加上了“下一页”，“h4”，“h6”，“Video”四个按键）：my-quicktags-jb51.rar

六、论文参考文献

http://codex.wordpress.org/Quicktags_API

http://flash.flowplayer.org/documentation/installation/index.html

http://www.solagirl.net/WordPress-path-related-functions.html

全文:bugsong.net