video标签播放mp4格式视频只有声音没有图像的问题

最新推荐文章于 2025-04-25 15:39:06 发布
最新推荐文章于 2025-04-25 15:39:06 发布
阅读量441 收藏
点赞数 3
文章标签： video 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42161050/article/details/146986810
版权

video标签播放mp4格式视频只有声音没有图像的问题

这是由于视频格式是hevc(H265)编码的，这种编码格式视频video播放有问题主要是由于以下两种原因导致的：

  • 1、浏览器没有开启硬加速模式：
    开启方法（以谷歌浏览器为例）：设置 > 系统 > 开启“使用图形加速功能（如果可用）” > 重启浏览器即可
    在这里插入图片描述

  • 2、电脑太老，显卡不支持;
    这个就没办法了

  • 3、视频进行格式转换
    在这里插入图片描述

为什么.mp4格式打开只有声音，没有视频，什么原因？
qq_15963745的博客
09-13 1078
为什么.mp4格式打开只有声音，没有视频，什么原因？
前端播放视频有声音没有画面
m0_47354330的博客
07-10 1336
前端播放视频有声音没有画面 MP4编码格式主要有三种，分别是mpg4(xdiv),mpg4(xvid)，avc(h264)，只有h264才是公认的MP4标准编码，所以视频有声音没画面需要将视频转码成h264编码的标准格式才能实现视频播放 转码代码 package com.huang.controller.autoVideoModule; import ws.schild.jave.*; import java.io.File; /** * @Description 视频转码工具类 * @Autho
html5 video 直播流无声音,H5使用Video标签上传视频有声音无画面的解决方案
weixin_36393239的博客
06-04 2314
前端用H5的Video标签做了播放器，部分mp4文件上传成功后只有声音而没有画面，经过了解之后才知道此标签只支持编码为H264的MP4文件，不支持编码为MPEG4的MP4文件，想成功播放必须要转码。于是就去网上找啊找，刚开始全是格式化工厂转，但是我要的是可以用代码实现的。。。但最后找到一种折中的方法，就是拿ffmpeg工具结合代码来完成转码。当然了，首先得检测该MP4的编码是哪种类型，如果是H26...
解决video标签在浏览器上无法显示画面的问题
qq_45803168的博客
05-25 6914
解决video标签在浏览器上无法显示画面的问题 MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器 解决方案：修改视频的编码格式 首先下载QQ影音 用QQ影音打开出现问题的视频，先暂停，点击如下按钮 按如上图所示修改相应参数，点击添加文件可以同时修改多个文件的编码格式。选择转码后文件的保存路径，点击开始即可。 再次使用video标签，选择转码后的视频路径即可在浏览器中看见视频画面啦。 ...
vue项目中使用video.js和黑屏Bug解决
gongruhua的博客
11-14 395
注意：如果是vue2，生命周期函数是beforeDestroy。在页面取消挂载时，需要销毁player。更多接口，请查看官方文档。
MP4视频播放问题（有声音无图像）分析与解决——FFmpeg视频处理教程
zy215215的博客
06-06 8432
MP4视频播放问题（有声音无图像）分析与解决——FFmpeg视频处理教程
videojs 播放mp4视频只有声音没有画面问题
qq_29579625的博客
09-28 2629
在使用Video.js播放MP4视频时，如果遇到只有声音没有画面的情况，这通常与视频文件的编码格式、浏览器兼容性或Video.js的配置有关。以下是一些可能的解决步骤和原因分析： 1. 检查视频编码 MP4视频支持多种编码格式，但并非所有编码都能在所有浏览器或播放器中无缝播放。特别是，AVC（H.264）编码是广泛支持且被认为是MP4的标准编码。如果视频使用的是其他编码（如MPEG4(DivX)、MPEG4(Xvid)等），可能会出现兼容性问题。 使用 H264视频编码 和 AAC音频编码 示例：
Video 标签无法播放 mp4 的原因和解决办法
皮蛋很白的博客
02-24 2万+
用 QQ 的截图录屏功能录制的 mp4 视频，无法用 video 标签正常播放
video标签播放本地视频只有声音没有图像的解决办法-视频转码格式工厂或FFmpeg
細水、長流√的专栏
03-14 3684
会发现只有h264编码的MP4视频（MPEG-LA公司）、VP8编码的webm格式的视频（Google公司）和Theora编码的ogg格式的视频（iTouch开发）可以支持html5的标签。MP4有3种编码，MPEG4(DivX)、MPEG4(Xvid)、AVC(H264)；对于视频编码问题，下载了“格式工厂”，将输出配置里面的编码改为 AVC(H264) ，导出视频。再次本地播放问题解决。对于视频编码问题，下载了“格式工厂”，将输出配置里面的编码改为 AVC(H264) ，导出视频。
HTML5中视频标签学习中出现只显示声音而没有画面的情况。
Huui_的博客
06-22 2188
在html中，视频标签画面的不显示原因之一：html只支持MP4的H264的编码格式
HTML_video标签播放本地视频只有声音没有图像 解决办法
小歪博客
05-10 3392
今天做项目，需要播放视频功能，想到用HTML5中的video标签，但是播放本地视频时只有声音没有图像 换成网上视频播放时一切正常，不知是何原因？ 看到有篇文章说是视频的编码问题，抱着试试看的心态，下载格式工厂进行转码（avc(h264)） 没想到的是，竟然成功了！看来还真是编码问题 额外知识：MP4有3种编码，mpg4(xdiv),mpg4(xvid)，avc(h264)， 只有h264才是公认的MP4标准编码 ...
PyQt5+OpenCV播放本地视频GUI窗口 mp4等格式
03-18
在本文中，我们将深入探讨如何使用PyQt5和OpenCV库在GUI窗口中播放本地视频，特别是mp4格式的视频。PyQt5是Python中一个强大的图形用户界面库，而OpenCV是一个流行的计算机视觉库，它支持视频处理和分析。 首先，让...
HTML5视频播放插件 video.js介绍
12-14
5. **source**: 包含多个 `<source>` 标签，用于指定不同格式的视频源，以确保在不同浏览器上都能播放。 6. **track**: 用于添加字幕，支持不同的字幕语言和格式。 在实际应用场景中，可能需要禁用字幕。为此，可以...
解决video.js播放mp4视频仅闻声不见影的问题
如果视频文件使用的是其他编码格式，如MPEG4(DivX)或MPEG4(Xvid)，那么即使能够播放，也有可能出现音频正常但视频图像无法显示的问题。 为解决该问题，可以使用视频编码转换工具将视频文件转换为AVC(H264)编码格式...
HTML5 video标签播放本地视频只有声音没有图像 解决办法
热门推荐
飞龙在天
04-27 3万+
HTML5 video标签播放本地视频只有声音没有图像 解决办法
【HTML】HTML5 video播放有声音无图像的解决方法
九师兄
11-07 5797
如果以上方法都无法解决问题，建议尝试使用不同的视频播放器或者将视频文件转换为不同的格式，看看是否能够正常播放。不同的浏览器支持不同的视频编码格式，如果视频文件使用了不被浏览器支持的编码，可能会导致只有声音没有视频。而且奇怪的是我试过我们300M到1G之间的视频是有问题的，但是300M以下的，或者1G的视频都是没有问题的。如果你的计算机性能较低，可能无法处理较大的视频文件，导致只有声音没有视频。尝试减小视频的分辨率和帧率，或者使用更高效的压缩算法，以减小文件大小。这个我试过，采用不同的浏览器，都不行。
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的video标签播放视频有声音无图像
eva_feng的博客
07-03 7261
项目中使用视频播放器video.js 播放本地视频时，遇到个问题，进度条能移动有声音但是没有图像。百度了下,了解相关知识点。 目前video标签只支持MP4，WebMail，Ogg格式的视频。 MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器 WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器 Ogg = Ogg 文件使用 The...
【playwright】 page.get_by_类型方法
最新发布
qadnkz的专栏
04-25 637
在 Playwright 中，系列方法提供了一种更语义化、更直观的方式来定位页面上的元素。这些方法基于 HTML 的语义属性（如rolelabel等）或特定的 DOM 属性，能够帮助你更轻松地编写可读性高的测试代码。以下是 Playwright 提供的所有get_by_*
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值