視頻播放器插件php,視頻播放器插件是什麼

本文目錄一覽：

• 1、在php網站怎麼插入播放器ckplayer怎麼寫代碼
• 2、如何在自己的網頁上加入視頻播放器?如何調用視頻文件
• 3、php，js同一個窗口可以點播多個視頻怎麼弄？

在php網站怎麼插入播放器ckplayer怎麼寫代碼

先完成插入視頻，（引入絕對url地址，或者本地上次視頻文件）獲取此視頻的地址，再加上用戶設置的播放器的寬度、高度、是否自動播放等信息，組合成調用ckplayer的代碼，放入編輯器中，提交發布文章時，這些代碼插入到數據庫中，在顯示文章時，讀取數據庫中的這些調用代碼即可用ckplayer來播放視頻。

如何在自己的網頁上加入視頻播放器?如何調用視頻文件

IFRAME style=”WIDTH: 592px; HEIGHT: 204px” src=”包含視頻的網頁．htm” frameBorder=1 scrolling=yes/IFRAME

在網頁插入視頻播放器代碼

一、插入RealPlayer ActiveX對象（如果要進行測試，需要先安裝RealPlayer播放器）

假定以下代碼包含在video.php文檔中（該文件將在主頁面中通過iframe進行鏈接）。

object width=”320″ height=”250″ classid=”clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA”

param name=”CONTROLS” value=”ImageWindow”

param name=”CONSOLE” value=”Video”

param name=”CENTER” value=”TRUE”

param name=”MAINTAINSPECT” value=”TRUE”

/object //定義播放界面

object width=”320″ height=”30″ classid=”clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA”

param name=”CONTROLS” value=”StatusBar”

param name=”CONSOLE” value=”Video”

/object //定義狀態欄

object width=”320″ height=”30″ classid=”clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA”

param name=”CONTROLS” value=”ControlPanel”param name=”CONSOLE” value=”Video”

param name=”SRC” value=”?php echo getsrc(); ?”

param name=”AUTOSTART” value=”TRUE”

param name=”PREFETCH” value=”0″

param name=”LOOP” value=”0″

param name=”NUMLOOP” value=”0″

/object //定義控制面板

其中，CONTROLS參數用來指定播放器的控件外觀，可以用多個控件進行組合，並通過CONSOLE參數進行關聯。

有關param參數，讀者可以參閱RealPlayer官方網站。

這裡的SRC參數尤為重要，用來指定視頻流文件的URL地址。這裡筆者使用PHP代碼的方法動態的指定SRC，讀者也可以使用其它如ASP，或完全過 JavaScript 實現。

二、使用DHTML動態控制RealPlayer控件的播放

小技巧：IFRAME的妙用。由於為RealPlayer控件指定新的SRC需要刷新頁面，使用IFRAME可以把RealPlayer控件嵌入到單獨的頁面中，這樣，動態刷新就是在IFRAME內進行，不會影響用戶觀看頁面其它內容。

以下代碼包含在主頁面中：

IFRAME id=”iVideo” SRC=”video.php” Width=500 Height=345 frameborder=0 SCROLLING=”no”

/IFRAME，其中，video.php文件用力顯示RealPlayer控件。

下面我們加入簡單的JavaScript 代碼用來控制視頻的播放。

script language=”JavaScript”

function play(filename){

top.document.all(“iVideo”).src = “video.php?src=”+filename;

} // iVideo 是剛剛定義的IFRAME 的標識符

/script

我們可以使用javascript控制RealPlayer插件更複雜的功能，如提取視頻的長寬、測試用戶的網絡速率、自定義播放事件等等。關於RealPlayer ActiveX開發的具體細節，請參閱RealPlayer官方網站。

我們假設有一個視頻文件，其URL為，那麼我們就可以這樣定義：

a href=”JavaScript:play(”)”文件1/a，如果文件是在本地，URL也可以為相對路徑。

三、檢測用戶是否安裝RealPlayer播放器

在頁面的head/head部分加入以下JavaScript代碼，用以檢測用戶是否安裝RealPlayer播放器：

SCRIPT LANGUAGE=JavaScript

!–

var RealMode=0;

var RealPlayer5=0;

var RealPlayer4=0;

var RealPlayerG2=0;

if (navigator.userAgent.indexOf(“MSIE”) 0 ){

numPlugins = navigator.plugins.length;

for (i = 0; i numPlugins; i++){

plugin = navigator.plugins[i];

if (plugin.name.substring(0,10)==”RealPlayer”){

RealMode=1;

}

}

}

//以下代碼通過VBScript的CreateObject()函數動態的創建RealPlayer對象

document.write(‘SCRIPT LANGUAGE=VBScript\ \n’);

document.write(‘on error resume next \n’);

document.write(‘RealPlayerG2 = (NOT IsNull(CreateObject(“rmocx.RealPlayer G2 Control”)))\n’);

document.write(‘RealPlayer5 = (NOT IsNull(CreateObject(“RealPlayer.RealPlayer(tm) ActiveX Control (32-bit)”)))\n’);

document.write(‘RealPlayer4 = (NOT IsNull(CreateObject(“RealVideo.RealVideo(tm) ActiveX Control (32-bit)”)))\n’);

document.write(‘/SCRIPT\ \n’);

if ( RealPlayerG2 || RealPlayer5 || RealPlayer4 ){

//可以在此處添加object對象

}else if ( RealMode ){ //NetScape瀏覽器用戶

//可以在此處加入embed對象

}else

{

window.location.replace(“install.htm”); //轉入install.htm頁面指導用戶進行安裝

}

—

/Script

四、應用實例

object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=300 height=225

param name=src value=../kjsk/img/sp1.rm

param name=console value=clip1param name=controls value=imagewindow

param name=autostart value=true

embed src=”../kjsk/img/sp1.rm” width=”300″ height=”225″ autostart=”true” console=”clip1″ controls=”imagewindow”/embed

/object

br

object classid=clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa height=32 width=300

param name=src value=../kjsk/img/sp1.rm

param name=controls value=controlpanel

param name=console value=clip1

;

embed src=”../kjsk/img/sp1.rm” width=”300″ height=”32″ controls=”controlpanel” console=”clip1″/embed

/object

php，js同一個窗口可以點播多個視頻怎麼弄？

使用視頻播放器插件就可以做到，只要實例化多個視頻播放器，就可以實現多個視頻播放。

比較好用的js框架是video.js，它封裝的很好，可以輕鬆實現各種效果，樣式的修改也很方便，你可以使用它來實現你需要的功能。