html媒體播放器中視頻文件無法正常工作

Question

我有一些格式為avi，mp4，flv的視頻文件。 我正在嘗試在我的html頁面中運行它們。 我使用了視頻標簽。 但是通過使用視頻標簽，只有mp4文件正在運行，並且所有控件（開始，暫停，音量）都可見。 我再次嘗試通過嵌入標簽進行集成。 但是有些視頻正在運行，但是會自動運行，並且看不到開始，停止，暫停，音量之類的控件。 我的代碼就像：通過視頻標簽：

<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>

（有效，但會自動啟動，並且無法控制視頻）。

請幫助我如何解決此問題。 提前致謝。

Answer 1

嘗試html插件為其下載文件單擊此處
步驟1 ：將其解壓縮到文件夾中。 例如，將文件夾命名為“ html5plug”。
第2步 ：將此包含在您的html中

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

注意：您應該在“ html5plug”文件夾中創建html或自行設置src

第3步 ：將HTML5視頻標簽添加到您的頁面

單擊此處查看jsfiddle上的演示

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

Answer 2

首先，您可以嘗試使用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

Answer 3

您需要將參數設置為正確的值。 使用第三個選項更改這些值：

<param name="autoStart" value="false">
<param name="showControls" value="true">