我有一些格式为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>
(工作,但自动启动,无视频控制)。
请帮我解决这个问题。提前谢谢。
try html plugin for it下载文件点击此处
步骤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上的演示
注意:你也必须检查你的视频链接。
首先,您可以尝试classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6"这样的classid
然后我们可以通过如下javascript控制视频:
var wmp = $('object')[0];
wmp.controls.play() //play
wmp.controls.stop() //stop
wmp.controls.pause() //pause
您需要将参数设置为正确的值。使用第三个选项更改这些值:
<param name="autoStart" value="false">
<param name="showControls" value="true">