html5 video 不能播放MP4的解决办法

luxy 2021-02-23 12:15:57

进来有空改版20年没变得网站，顺便把业务系统的操作演示用嘿格式录屏大师录制成MP4格式，作为操作演示用。
HTML5 代码：
<video width="800" height="600" controls autoplay >
<source src="ProductDemo.mp4" type="video/mp4" />
您的浏览器不支持 HTML5 video 标签。
</video>
代码没有毛病吧，在开发环境下能够播放，但发布后，不能播放，无论什么浏览器都是一个屏幕，没有内容，以为是播放源路径不对，但反复检查路径没有问题，页面和MP4是在相同目录下的。然后试着点播放器，视频另存为，能够找到MP4文件，但点下载又提示404，文件不存在。突然想到IIS的MIME类型是否没有MP4格式，检查发现果然只有MP2格式，然后新建了MP4格式。播放正常了。系统是2008SEVER RTM,
这么一个小问题花了我很多时间，以后碰到需要下载的代码，最好先查看MIME是否支持该格式。

...全文

1132 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhtoad 2021-03-29

打赏
举报

回复

谢谢分享

一品梅 2021-03-25

打赏
举报

回复

感谢大佬分享

YoverL 2021-03-17

打赏
举报

回复

感谢大佬分享

前言最近发现了一个问题，在手机录制了一个1.mp4文件，主流浏览器都能正常播放。但使用格式工厂将rmvb文件转码为2.mp4却不能播放。通过查找相关的资料终于解决了，下面分享出来供大家参考学习，下面来看看详细的介绍：问题分析手机录制的视频属性：格式化工厂转码的视频属性：首先排除代码问题，路径问题，浏览器不支持等问题。转码后的视频编码是mp4v，这是不能播放的原因，转换为AVC（H264）编码即可。查阅文档，关于video标签所支持的视频格式和编码： MPEG4 = 带有H.264视频编码和AAC音频编码的MPEG4文件 WebM = 带有VP8视频编码和

在安卓webview下 html5 的 video 设置autoplay 属性或在document ready中使用play方法都不能使它自动播放只能用webview的onPageFinished方法来解决此问题，代码如下：代码如下: mPlayer.setWebViewClient(new WebViewClient() { // autoplay when finished loading via javascript injection public void onPageFinished(WebView view, String url) { mPlayer.loadUrl(

课程介绍：课程包含Canvas、video视频案例、swiper案例、混合开发结合MUI框架等结合讲解。

可以解决绝对路径向相对路径转换,代码简单，一看就会用

在ios和安卓手机里的微信下播放视频时，会遇到不少问题，例如需要手动点击，视频才会播放，并且视频会跳出微信框，出现控制条，如果视频不是腾讯视频，播放完毕会出现腾讯视频的广告推送等问题 解决办法：给video标签加一些属性，调用h5原生video。 <video id=videoALL src=video/01.mp4 poster=images/1.jpg /*视频封面*/ preload=auto webkit-playsinline=true /*这个属性是ios 10中设置可以让视频在小窗内播放，也就是不

39,087

社区成员

5,547

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章