H5之VIDEO 标签 视频播放不了MP4视频的问题

最新推荐文章于 2024-04-10 15:33:11 发布
最新推荐文章于 2024-04-10 15:33:11 发布
阅读量5.5k 收藏
点赞数
文章标签： 运维 java python
原文链接：https://my.oschina.net/haitaohu/blog/2253433
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

h5的video标签目前支持三种视视频封装格式，有"video/mp4", "video/ogg", "video/mov"

1.检查MP4视频的编码格式，mp4格式要求h264/aac

特别是格式工厂转换出来的，一般默认的不是 h264/acc，需要自己手动修改

8df737b12c82613ddeb9cdae0ccf1d6fffd.jpg

2.http点播时MIME TYPE即设置为"video/mp4"格式，

1a3141dd0fd06cef90b9b01fbb412cb69c5.jpg

注意正常的tomcat、nginx等服务器会自动匹配，但如果使用oss的话，需要自己设置或者验证一下是否正确

转载于:https://my.oschina.net/haitaohu/blog/2253433

sas???
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一个移动端H5Video标签播放视频的实现
08-11
在移动端使用H5的`<video>`标签来播放视频已经成为现代网页开发的常见实践，尤其在移动设备上，用户越来越倾向于通过浏览器直接观看在线视频。本文将深入探讨如何利用JavaScript和HTML5的`<video>`标签在移动端实现...
能够兼容IE8以下浏览器的H5 Video标签播放插件，测试可用
03-14
为了在这些老版本的浏览器中实现视频播放功能，我们可以借助一些兼容性插件，例如在给定的资源中提到的"能够兼容IE8以下浏览器的H5 Video标签播放插件"。 标题中的关键点在于这个插件能够使得`<video>`标签在不支持...
MP4视频无法在H5网页中播放
lsf1192354203的博客
10-31 1319
html5新标签video
解决html5中video标签无法播放mp4问题的办法
weixin_30740581的博客
07-16 2328
这篇文章主要给大家介绍了关于解决html5中video标签无法播放mp4问题的办法，文中介绍的非常详细，相信会对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧。 前言 最近发现了一个问题，在手机录制了一个1.mp4文件，主流浏览器都能正常播放。但使用格式工厂将rmvb文件转码为2.mp4却不能播放。通过查找相关的资料终于解决了，下面分享出来...
HTML5的Video标签有部分MP4无法播放的问题解析（多图）
11-21
现在网页视频的应用极为广泛，在实际项目中发现有些MP4文件可以在H5网页中正常播放，但有些却不行，这是为什么呢？ 1、首先我自己从网上下载的一个MP4文件，IE10和谷歌都能正常播放。然后自己用格式化工厂转换了一个RMVB文件为MP4，然后就不能播放。 如下图，我选择MP4格式转换，里面的配置文件也调了很多遍，但是就是播放不了，IE10完全没反应，谷歌倒是能出声音，但是影像出不来。 2、我直接在文件右击属性里面看文件属性-详细信息，基本都一样。 3、我用potplayer播放两个不同的文件，用potplayer查看2个文件的属性，发现了不一样的地方， 网上下载的能正常使用video标签播放的
Video 标签无法播放 mp4 的原因和解决办法
皮蛋很白的博客
02-24 1万+
用 QQ 的截图录屏功能录制的 mp4 视频，无法用 video 标签正常播放
H5 video标签播放MP4
Bryce96的博客
05-10 2301
1、使用source标签 2、source标签type改为video/mp4 3、确认播放的MP4编码为h264 <video id="video-player" muted="muted" poster="static/images/test.png" preload="none" autoplay="autoplay" loop="loop"> <source src="static/images/test2.mp4" type="video/mp4"/> </vid
块元素居中方式
gklcsdn的博客
12-10 819
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
一个html5播放视频的video控件只支持android的默认格式mp4和3gp
09-04
`playVideo()`函数接受一个名为`opt`的对象作为参数，包含了与视频播放相关的各种配置选项，如播放器要插入的DOM元素（`elemt`）、视频源URL（`src`）、宽度（`width`）、高度（`height`）、自动播放（`autoplay`）...
h5 页面播放mp4视频，有声音无图像的解决方法即将编码转换成AVC(H264)，转换工具下载
04-16
h5页面用video标签播放视频，有声音无图像，因为mp4的视频编码有三种：MPEG4(DivX),MPEG4(Xvid),AVC(H264)。 使用该工具将视频转换成AVC(H264)编码，就能正常播放。 亲测可用！！！
海康视频平台录制的mp4无法在h5页面中播放问题解决
vectorJ的博客
12-10 7415
需求：海康监控视频平台上录制的视频需要部署到服务器中，然后在h5页面中使用，经过测试，发现无法正常播放。 方式一： 第一时间首先想到，要格式转换，所以就找了格式工厂，把码率调整到1600输出，如果能成功，基本能播放，但是恰恰就是转换的过程中，会出现失败。 结果：失败 方式二： 参考：https://blog.csdn.net/xiakejiang/article/details/113629865 后面找了ffmpeg.exe，直接是无法转换。 结果：失败 方式三： 海康官方转换工具：FormatConve
MP4和FLV点播流媒体服务与h5播放器解决方案（支持倍速）
czksnk的博客
02-04 1699
nginx 跨域 docker run -d --name nginx -p 80:80 -v ~/opt/local/nginx/logs:/var/log/nginx -v ~/opt/local/nginx:/etc/nginx nginx http{ ... add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Methods GET,POST,OPTIONS; add_header Access
H5的Video标签无法播放MP4文件只有声音无画面
Hannah_wy的博客
09-15 4701
最近在项目中碰到了一个问题：在利用H5的video标签播放视频时，发现有的视频可以正常播放，但有的只有声音没有画面。
H5播放器标签video播放mp4格式有声音没有图像解决方法
liukai6的博客
03-01 4019
在使用h5的video标签播放视频很方便,但是有时会出现有声音没有图像的情况,这个时候我们考虑一下视频编码的问题下载转换工具,对视频进行格式的变化,视频编码选择AVC(H264)这样就可以直接播放了,还可以对很多配置进行转换
uniapp开发h5端使用video播放mp4格式视频黑屏，但有音频播放解决方案
最新发布
stars______的博客
04-10 1984
mp4格式视频有一些谷歌播放视频黑屏，搜狗浏览器可以正常播放。第二步：点击添加文件选择想要转换编码的mp4格式视频文件。第四步：视频编码选择为h264，然后点击右下角确定。完成后文件夹里就有转码成功后的视频文件了。第六步：此时已经有一条视频，点击开始。如果是自己手动上传文件可以手动转换。如果是后端上传就需要后端去转换。第三步：点击右上角输出配置。第五步：再点击右下角确定。
Web端H5播放FLV、HLS、MP4 (二)
东成熙就
12-14 5060
Web端H5播放FLV、HLS、MP4
关于HTML5中Video标签无法播放mp4的解决办法
热门推荐
序猿
06-18 7万+
1、首先先排除掉代码问题、路径问题、浏览器不支持问题等常规问题，这些问题另行百度。   &lt;video width="500px" height="300px" autoplay="autoplay"&gt; &lt;source src="D:/video/hbg.mp4" type="video/mp4"&gt; &lt;/video&g
H5视频前端框架设计：WASM与MP4播放方案
MP4方案则相对简单，数据通过WebSocket获取后，直接在主线程进行处理，然后由video标签播放。 预览过程中的WASM方案，主线程先接收数据并保存在缓冲区，等待子线程加载完成。当子线程加载完成后，主线程将帧头解析...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值