2013-11-24 32 views
0

我有一些格式爲avi,mp4,flv的視頻文件。我試圖在我的html頁面中運行這些。我使用了視頻標籤。但通過使用視頻標籤,只有mp4文件正在運行,並且所有控件(開始,暫停,音量)都可見。我再次嘗試通過嵌入標籤進行集成。但是,視頻正在運行,但會自動啓動,停止,暫停,音量等控件不可見。 我的代碼是這樣的: 通過視頻標籤:視頻文件在html媒體播放器中無法正常工作

<video width="200" height="100" controls> 
<source src="http://localhost/hk_v2/superadmin/gallery/video/Fiza-2.avi"> 
</video> 

(這不是運行在所有)

<video width="200" height="100" controls> 
<source src="http://localhost/hk_v2/superadmin/gallery/video/test.mp4"> 
</video> 

(這是所有控件正常運行)

通過嵌入標籤

<object id="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" 

standby="Loading Microsoft Windows® Media Player components..." type="application/x-oleobject" width="890" height="500"> 
<param name="fileName" value="http://localhost/hk_v2/superadmin/gallery/video/Fiza-2.avi"> 
<param name="animationatStart" value="true"> 
<param name="transparentatStart" value="true"> 
<param name="autoStart" value="true"> 
<param name="showControls" value="false"> 
<param name="Volume" value="-450"> 
<embed type="application/x-mplayer2" 
pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://localhost/hk_v2/superadmin/gallery/video/Fiza-2.avi" 
name="MediaPlayer1" width=890 height=500 autostart=1 showcontrols=0 volume=-450> 
</object> 

(工作但自動啓動並且沒有視頻控制)。

請幫我解決這個問題。 在此先感謝。

+0

您試圖達到什麼受衆?只有Windows用戶?這將爲您的設計決定提供信息。 –

回答

0

嘗試HTML插件下載文件,因爲它click here
步驟1:一個文件夾中提取它。爲ex.name文件夾「html5plug」。
第2步:在你的HTML包括此

<link href="video-js/video-js.css" rel="stylesheet"> 
<script src="video-js/video.js"></script> 

注意:你應該在 「html5plug」 文件夾中創建你的HTML或已設置src 自己

第3步 :將HTML5視頻標籤添加到您的頁面

click here查看jsfiddle上的演示

注意:您也必須檢查您的視頻鏈接。

0

首先,你可以嘗試像CLASSID的CLASSID = 「clsid中:6BF52A52-394A-11D3-B153-00C04F79FAA6」

那麼我們就可以通過JavaScript控件的視頻象下面這樣:

var wmp = $('object')[0]; 
wmp.controls.play()     //play 
wmp.controls.stop()     //stop 
wmp.controls.pause()     //pause 
0

您需要將參數設置爲正確的值。 隨着第三個選項更改這些值:

<param name="autoStart" value="false"> 
<param name="showControls" value="true"> 
相關問題