2013-11-24 33 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"> 
相关问题