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

作者：知新_RL | 2024-07-08 03:27:38

踩

如何用浏览器打开本地视频

查询资料会发现，有的说用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">

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/797539