视频文件在html媒体播放器中无法正常工作

时间:2013-11-24 04:32:38

标签: html video mp4 flv avi

我有一些格式为avi,mp4,flv的视频文件。我试图在我的HTML页面中运行它们。我用过视频标签。但是通过使用视频标签,只有mp4文件正在运行,并且所有控件(开始,暂停,音量)都可见。我再次尝试通过embed标签进行集成。但是视频正在自动运行,并且不会显示启动,停止,暂停,音量等控件。 我的代码是这样的: 通过视频标签:

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

(工作但自动启动,不对视频进行控制)。

请帮我解决此问题。 提前谢谢。

3 个答案:

答案 0 :(得分: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上的演示

  注意:您也必须检查视频链接。

答案 1 :(得分: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

答案 2 :(得分:0)

您需要将参数设置为正确的值。 使用第3个选项更改这些值:

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