在使用html5的video标签播放视频时为何只有声音却没有图像

最新推荐文章于 2023-06-22 14:59:08 发布
最新推荐文章于 2023-06-22 14:59:08 发布
阅读量1.7k 收藏 1
点赞数 1
文章标签： javascript 前端 ViewUI
本文介绍了解决HTML5 video标签播放MP4文件时仅有声音而无图像的问题。指出问题原因并非代码错误或浏览器兼容性，而是MP4编码不匹配。推荐使用格式化工厂将MP4文件转换为H264编码以实现正常播放。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在使用html5的video标签播放视频时为何只有声音却没有图像？

答:使用格式化工厂转个编码就行了，
MP4有3种编码，mpg4(xdiv),,mpg4(xvid)，avc(h264)
转换成H264编码就可以网页正常播放了，H264才是公认的MP4标准编码。。。。。

并不是代码的原因和浏览器的兼容性问题哦^_^

需要格式化工厂的私信我

 

html5画音不同步,html5 video标签播放视频时，声音和图像不同步（声音快）。
weixin_39578513的博客
06-18 962
Input #0, mov,mp4,m4a,3gp,3g2,mj2, from 'superfly.360p.mp4':Metadata:major_brand : isomminor_version : 512compatible_brands: isomiso2avc1mp41creation_time : 1970-01-01 00:00:00encoder ...
html5 video 直播流无声音,H5使用Video标签上传视频有声音无画面的解决方案
weixin_36393239的博客
06-04 2380
前端用H5的Video标签做了播放器，部分mp4文件上传成功后只有声音而没有画面，经过了解之后才知道此标签只支持编码为H264的MP4文件，不支持编码为MPEG4的MP4文件，想成功播放必须要转码。于是就去网上找啊找，刚开始全是格式化工厂转，但是我要的是可以用代码实现的。。。但最后找到一种折中的方法，就是拿ffmpeg工具结合代码来完成转码。当然了，首先得检测该MP4的编码是哪种类型，如果是H26...
html5中video视频只有声音没有图像
wjm0519的博客
04-24 4085
解决方案： 1、使用视频标签； 1 2 3 <video width="352"height="264"controls autobuffer> <source src="video/hjh.mp4"type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>&l...
video标签播放视频，有声音无图像的解决办法
热门推荐
illidan_TLD的博客
05-06 3万+
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264" poster="test.png" data-setup="{'example_option':true}"> 今天在使用video播放
HTML5中视频标签学习中出现只显示声音而没有画面的情况。
Huui_的博客
06-22 2250
在html中，视频标签画面的不显示原因之一：html只支持MP4的H264的编码格式
html5的video标签播放视频有声音无图像
eva_feng的博客
07-03 7299
项目中使用视频播放器video.js 播放本地视频时，遇到个问题，进度条能移动有声音但是没有图像。百度了下,了解相关知识点。 目前video标签只支持MP4，WebMail，Ogg格式的视频。 MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器 WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器 Ogg = Ogg 文件使用 The...
关于h5 video标签只显示音质没有画面的问题
qq_36990886的博客
03-30 615
根据工作需求，需要将一个flv格式的视屏放在手机显示,本人用到h5的video遇到相关的几个问题，跟大家分享一下 1，使用flv视屏转换器将flv格式的视屏转化为MP4的格式； 2，发现只有音质没有画面，MP4的编码格式有3种mpg4(xdiv),,mpg4(xvid)，avc(h264)
HTML5 video标签（播放器）学习笔记（一）:使用入门
09-28
HTML5的`<video>`标签是现代网页开发中的一个重要元素，它允许开发者在网页上嵌入视频内容，无需依赖Flash或其他第三方插件。这篇学习笔记主要介绍了`<video>`标签的基本使用，包括如何初始化视频播放器，设置视频源...
HTML5视频播放插件 video.js介绍
09-22
具体而言，使用JavaScript，可以设置fluid属性为true，并在video元素上设置一个起始的宽高，以确保在加载视频时可以看到初始图片。而在CSS中，可以通过添加vjs-fluid, vjs-4-3, vjs-16-9等类来实现响应式布局。这些...
2022.6.13 video标签只显示了音频问题
weixin_43160044的博客
06-13 942
video标签只显示了音频问题
解决H5播放视频黑屏只有声音没有图像的问题，Java调用ffmpeg转码成h264的mp4格式
kk123k的博客
03-30 1万+
前端用的是HTML5的&lt;video&gt;标签播放的视频。由于其并不能支持所有视频类型的播放，所以我们需要把视频转码为其支持的编码如h264。否则会出现黑屏只有声音没有图像的问题。网上的方法大多是转成flv的，这里，我把它转成mp4。直接调用Conver的run(filepath);就可参数解释：-acodec //音频的编码 这里使用copy直接用原来的不用转提供速率-vcodec //视...
H5的video标签在网页上播放MP4视频时只有声音没有画面
weixin_30413739的博客
01-30 1297
最近做一个项目时，发现mp4文件播放时没有图像，只有声音，代码检查了N次，都没有问题，就算是直接使用网上的实例代码，也只能播放实例视频，mp4文件绝对路径，相对路径也都试了，还是不能播放我的mp4. 最后才想到可能是mp4文件本身的问题， 查询了一下 mp4的视频编码有三种：MPEG4(DivX)，MPEG4(Xvid)，AVC(H264) 只有AVC(H264)编码格式的mp4才可以在网...
Html5 video 标签中视频有声音没画面问题解决过程
哈哈虎的博客
10-26 1万+
Html5 video 标签中视频有声音没画面问题解决过程 一、问题： mp4视频标准 h264 格式的没有问题，mpeg4-V 格式的只有声音。不出画面 二、分析 1、我们无法限制用户使用什么设备上船，pc、android手机还是ios手机 2、不同设备缺省视频格式不一样 3、就算同一种设备，不同软件制作的视频格式也不一定完全一样 4、php上传只能设置视频文件大小和文件后缀等，不
video标签播放本地视频只有声音没有图像的解决办法-视频转码格式工厂或FFmpeg
細水、長流√的专栏
03-14 3743
会发现只有h264编码的MP4视频（MPEG-LA公司）、VP8编码的webm格式的视频（Google公司）和Theora编码的ogg格式的视频（iTouch开发）可以支持html5的标签。MP4有3种编码，MPEG4(DivX)、MPEG4(Xvid)、AVC(H264)；对于视频编码问题，下载了“格式工厂”，将输出配置里面的编码改为 AVC(H264) ，导出视频。再次本地播放问题解决。对于视频编码问题，下载了“格式工厂”，将输出配置里面的编码改为 AVC(H264) ，导出视频。
video标签播放MP4只有声音没有视频
10-14 6264
今天刚睡醒，就收到反馈说有的MP4格式的文件无法正常播放…… 赶忙爬起来去查看情况，将无法播放的文件下载下来，本地播放正常，感觉应该是编码问题（MPEG4跟H264之争） 查看了这个文件的编码：果然是MPEG4。 是用格式工厂将他转成H264，问题解决…… 提供一个一劳永逸的方法：自己搭建转码服务，对每个上传的视频做编码判断，不是H264，进行转换再保存。 ...
html5 video标签不能播放mp4的问题
董国政的博客
06-09 1万+
最近项目中遇到的问题如下： 利用html5中的 video 标签去播放视频，但是发现有的mp4格式的视频可以播放，有的mp4格式的视频不能播放。视频格式 首先 video 标签只支持MPEG4，Ogg，WebM 三种视频格式，浏览器支持情况如下： 但是，video标签对这三种视频格式是有具体要求的Ogg = 带有 Theora 视频编码 + Vorbis 音频编码 MPEG4 =
html5播放视频只有声音不出现画面？
理智lili的博客
05-28 7381
一开始网上大神们都是要把MP4的编码格式转换成AVC（H264），然后赶紧用格式工厂把它给换了，结果！！没用！！还是黑屏？？？咋回事啊，然后自己又瞎几把猜想，所有都很正常啊，代码也正常，难道是文件命名不能出现中文吗？一改，结果画面就出现了！！同志们！我们要规范化命名文件啊！切记尽量不要用中文！...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值