如何在html中播放本地视频文件【兼容ie、火狐、谷歌、360浏览器等】

最新推荐文章于 2024-08-24 20:56:25 发布

hidetou

最新推荐文章于 2024-08-24 20:56:25 发布

阅读量2.5w

点赞数 4

分类专栏： html

本文链接：https://blog.csdn.net/u013332981/article/details/80257351

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

查询资料会发现，有的说用object标签，有的用embed标签，其实都是对的。只是针对的情况不一样，前者主要适用ie浏览器，后者用于火狐谷歌等其他浏览器。

embed标签定义嵌入的内容，比如插件。

object和embed的区别：1、是为了兼容不同浏览器，IE只支持对Object的解析；火狐，谷歌，Safari只支持对Embed的解析。2、object标签用clsid表示控件的唯一id，而embed标签用type表示插件的唯一名称。比如flash插件type为：application/x-shockwave-flash，mp3播放插件type为audio/mpeg。3、为了兼容多个浏览器，可以通过ie浏览器动态加载Object标签，非ie浏览器动态加载embed标签；或者在object标签里面嵌入embed标签。

html文件代码如下：

<body bgcolor=#000000>

<p align=center>

<object id="mPlayer1" width="600" height="800" classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6">
<param name="URL" value="D:\viedo.mp4"/>
        <param name="rate" value="1"/>
        <param name="balance" value="0"/>
        <param name="currentPosition" value="0"/>
        <param name="defaultFrame" value/>
        <param name="playCount" value="0"/>
        <param name="autoStart" value="1"/>
        <param name="currentMarker" value="0"/>
        <param name="invokeURLs" value="1"/>
        <param name="baseURL" value/>
        <param name="volume" value="100"/>
        <param name="mute" value="0"/>
        <param name="uiMode" value="full"/>
        <param name="stretchToFit" value="0"/>
        <param name="windowlessVideo" value="0"/>
        <param name="enabled" value="1"/>
        <param name="enableContextMenu" value="1"/>
        <param name="fullScreen" value="0"/>
        <param name="SAMIStyle" value/>
        <param name="SAMILang" value/>
        <param name="SAMIFilename" value/>
        <param name="captioningID" value/>
        <param name="enableErrorDialogs" value="0"/>
        <param name="_cx" value="7779"/>
        <param name="_cy" value="1693"/>
		<embed src="D:\viedo.mp4" width="600" height="800"/>
      </object>
</p>

</body>

封面图片设置：

<img title="test" src="video/images/index_v.png" onclick="window.open('video/index.html')" width="460" height="220">