关于前端项目不同格式视频文件播放的问题

最新推荐文章于 2024-05-24 05:03:40 发布

老朱自强不息

最新推荐文章于 2024-05-24 05:03:40 发布

阅读量3.1k

点赞数

分类专栏： H5 文章标签： H5播放视频 H5集成media player 插件

本文链接：https://blog.csdn.net/moyebaobei1/article/details/88870992

版权

H5 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

我们都知道H5支持的视频格式，H264压缩的mp4, webm,ogg三种格式，如果要在前端页面直接播放不同格式的视频文件，基本都需要借助插件来实现。插件的基本思路应该是先转码到H5支持的视频流格式，然后再进行播放，应该还有其他的解决方案，这个我不是很了解。

今天就提供一种通过集成windows media player 插件，在线播放不同格式的视频文件的方法。

<!DOCTYPE html>
<html>

<body>
    <div class="m">
        <object id="MediaPlayer" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width="100%" height="100%" standby="Loading Windows Media Player components…" type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
                    <param name="FileName" value="E:\BaiduNetdiskDownload\蒙古\test44.mov">
                    <param name="AutoStart" value="true">
                    <param name="ShowControls" value="true">
                    <param name="BufferingTime" value="2">
                    <param name="ShowStatusBar" value="true">
                    <param name="AutoSize" value="true">
                    <param name="InvokeURLs" value="false">
                    <param name="AnimationatStart" value="1">
                    <param name="TransparentatStart" value="1">
                    <param name="Loop" value="1">
                    <param name="container" value="#video">
                    <embed type="application/x-mplayer2" src="E:\BaiduNetdiskDownload\蒙古\test44.mov" name="MediaPlayer" autostart="1" showstatusbar="1" showdisplay="1" showcontrols="1" loop="0" videoborder3d="0" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" width="800" height="600"></embed>
                 </object>
    </div>
</body>

</html>

运行效果如图

对，你没看错，这种方法有个硬伤，就是对浏览器有要求，亲测IE没有问题，可以播放。其他支持的浏览器还有360，火狐只支持MP4格式的播放。参考自https://blog.csdn.net/www_worf/article/details/80152060

链接里还推荐了video.js实现视频播放，实际在使用的时候，视频无法缓冲，无法对视频播放添加更多的控制，这个需要集成的时候做很多额外的工作，毕竟一个开源库和一个浏览器插件体量是有差别的。

老朱自强不息

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
关于前端项目不同格式视频文件播放的问题

我们都知道H5支持的视频格式，H264压缩的mp4, webm,ogg三种格式，如果要在前端页面直接播放不同格式的视频文件，基本都需要借助插件来实现。插件的基本思路应该是先转码到H5支持的视频流格式，然后再进行播放，应该还有其他的解决方案，这个我不是很了解。今天就提供一种通过集成windows media player 插件，在线播放不同格式的视频文件的方法。<!DOCTYPE h...
复制链接

扫一扫