html5播放视频只有声音不出现画面？

最新推荐文章于 2023-03-14 18:10:21 发布
最新推荐文章于 2023-03-14 18:10:21 发布
阅读量7.2k 收藏 1
点赞数 3
分类专栏： HTML5 文章标签： HTML5 video 没有画面
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41046961/article/details/80485273
版权

一开始网上大神们都是要把MP4的编码格式转换成AVC（H264），然后赶紧用格式工厂把它给换了，结果！！

没用！！还是黑屏？？？咋回事啊，然后自己又瞎几把猜想，所有都很正常啊，代码也正常，

难道是文件命名不能出现中文吗？

一改，结果画面就出现了！！


同志们！我们要规范化命名文件啊！切记尽量不要用中文！

理智lili
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
hls协议的hls.js或者hls.min.js
11-01
最新版本的ckplayer-x 直接支持了html5播放m3u8格式的视频，但是PC平台上使用h5播放器播放m3u8时，ckplayer-x内部需要加载一个hls.min.js。因为下载的ckplayer.zip安装包没有包含该文件，故从其他地方找到相关文件。
网页上的视频只有图像无声音
03-18
标题 "网页上的视频只有图像无声音" 描述的是一个常见的技术问题，用户在浏览网页时发现视频播放只有图像，但无法听到声音。这种情况可能是由多种因素引起的，涉及到浏览器设置、操作系统配置、驱动程序或者插件的...
iOS HLS 流媒体文件打散问题 - 只有声音无影像
weixin_33725722的博客
12-16 186
iOS HLS 流媒体文件打散问题 - 只有声音无影像 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循“署名-非商业用途-保持一致”创作公用协议 转载请保留此句：太阳火神的美丽人生 - 本博客专注于敏捷开发及移动和物联设备研究：iOS、Android、Html5、Arduino、pcDuino，否则，...
H5播放HLS之hls.min.js库
lixiang987654321的专栏
09-21 6649
H5播放HLS之hls.min.js库视频推流H播放HLS 视频推流 为了产生HLS视频，我们可以借助srs来实现rtmp推流并生成HLS流，具体详细使用可以参考我之前的文章，这里不再赘述。 我们要实现web端播放传统的音视频，最重要的实现就是rtmp实时视频推送至srs集群，为了演示我这里只启动一个srs简单应用，重点放在web端播放相关技术的讲解，关于srs实时视频推送一块，我在《SRS直播集群方案》一文已经做了很详细的介绍，这里不再赘述。 首先，我们可以使用ffmpeg或者obs采集本地视频并推送到s
m3u8流文件在html视频播放器中播放有声音无画面问题
m350058411的博客
10-21 7335
m3u8流文件在html视频播放器中播放有声音无画面问题 前言 最近在做一个海康视频设备直接在网页上播放的功能，由于现在浏览器不支持flash等插件，所以想着将海康的rtsp流先转化为hls流再使用html5来播放直播画面，但是在后台把流转化成hls流的m3u8文件后再到html中播放就出现了有声音没画面的问题，先后试了videojs，hls.js，dplayer等播放器插件，均无法播放画面只有声音。 解决方案 实际上，这个问题是播放器插件和流媒体格式和海康的流媒体格式不一致导致的，市面上大部分的海康流媒体
video标签播放本地视频只有声音没有图像的解决办法-视频转码格式工厂或FFmpeg
細水、長流√的专栏
03-14 3333
会发现只有h264编码的MP4视频（MPEG-LA公司）、VP8编码的webm格式的视频（Google公司）和Theora编码的ogg格式的视频（iTouch开发）可以支持html5的标签。MP4有3种编码，MPEG4(DivX)、MPEG4(Xvid)、AVC(H264)；对于视频编码问题，下载了“格式工厂”，将输出配置里面的编码改为 AVC(H264) ，导出视频。再次本地播放问题解决。对于视频编码问题，下载了“格式工厂”，将输出配置里面的编码改为 AVC(H264) ，导出视频。
最新海康视频ocx控件支持浏览器访问视频
11-30
1. **实时视频播放**：控件能够连接到海康威视的网络摄像机或DVR设备，实时获取并显示监控画面。用户只需在支持ActiveX的浏览器中加载含有该控件的网页，即可实现视频的在线预览。 2. **多摄像头管理**：支持同时...
TestWebView
07-17
3. 视频声音问题：如果只有画面没有声音，可能是音频流没有正确加载或者播放器不支持。 4. 内存泄漏：在处理全屏视频时，如果没有正确释放资源，可能会引发内存泄漏。 要解决这些问题，需要仔细检查代码，确保所有...
上海市计算机一级考试理论部分.pdf
10-04
40. 播放暂停：在媒体播放器中，按下播放按钮后，按钮变为暂停按钮，可控制播放状态。 41. 时间冗余：连续图像序列中相邻图像的相似性导致时间冗余，可用于视频压缩。 42. 图形图像：图形由像素组成，扫描输入后可...
HTML5 video标签只有声音没有图像
qing_小诺的博客
11-30 1万+
在学习html5中的video标签时，遇到如题所示的问题：播放本地MP4文件只有声音没有图像。 您的浏览器不支持HTML5的视频播放功能 于是上网百度乎，说是可能是视频编码格式的问题，需要下载格式工厂，然后进行转码。 于是我把原来的video.mp4转换了一下，虽然还是MP4格式，但是里面的编码改变了呀，还比原来小了几M呢，再放进代码执行，果真，声音图像都展示了
解决video标签在浏览器上无法显示画面的问题
qq_45803168的博客
05-25 6397
解决video标签在浏览器上无法显示画面的问题 MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器 解决方案：修改视频的编码格式 首先下载QQ影音 用QQ影音打开出现问题的视频，先暂停，点击如下按钮 按如上图所示修改相应参数，点击添加文件可以同时修改多个文件的编码格式。选择转码后文件的保存路径，点击开始即可。 再次使用video标签，选择转码后的视频路径即可在浏览器中看见视频画面啦。 ...
html5 video mp4白屏,进入H5应用后白屏
weixin_42151305的博客
06-17 1736
我们在APP的首页有两个H5应用，这两个应用都是通过以下方式打开的。//加载应用，我们自定义一个H5VC 控制器来作为H5应用的载体。-(void)ShowAppById:(NSString) appID htmlName:(NSString)htmlName{//Widget方式集成显示本地应用 正常，不过会有白屏NSStringpAppPath = [[[NSBundle mainBundle...
HTML5 video标签播放本地视频只有声音没有图像 解决办法
热门推荐
飞龙在天
04-27 3万+
HTML5 video标签播放本地视频只有声音没有图像 解决办法
html5的video标签播放视频有声音无图像
eva_feng的博客
07-03 7098
项目中使用视频播放器video.js 播放本地视频时，遇到个问题，进度条能移动有声音但是没有图像。百度了下,了解相关知识点。 目前video标签只支持MP4，WebMail，Ogg格式的视频。 MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器 WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器 Ogg = Ogg 文件使用 The...
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标签（无法显示画面）
Iloveyougirls的博客
02-26 2万+
一、HTML5中的支持的浏览器及视频格式 标签定义视频，比如电影片段或其他视频流。 目前， 元素支持三种视频格式：MP4、WebM、Ogg。 注意：IE8及以前的版本 不支持标签 重点来了，有时候我们使用的是MP4格式的视频，但是没有视频画面。 那是因为MP4也有很多编码格式，标签支持的格式如下： MP4 = MPEG 4文件使用
HTML5 video标签有声音有播放但看不到图像的问题解决
Coder丶赵 的博客
12-18 6952
video标签有声音有播放但看不到图像的问题解决
html 网页中插入视频没有画面只有声音的问题
YiShiWenYan
03-15 1万+
在html中插入视频，没有画面只有声音。     你的浏览器不支持这种格式的视频播放，请换个浏览器试试 原因：视频编码有问题 。 解决方法：通过格式工厂或其他格式转换工具将编码改为 H264 即可。
html5中video视频只有声音没有图像
wjm0519的博客
04-24 3958
解决方案： 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...
html5 4k视频播放嵌入软件内部?
最新发布
09-30
HTML5是一种用于构建和呈现网页内容的标准化语言，而4K视频是一种高分辨率的视频格式。在HTML5中，我们可以使用video标签来嵌入4K视频播放器到网页中。 要嵌入4K视频到HTML5中，首先需要确保视频文件符合4K的分辨率要求，并且将视频文件保存在合适的位置。然后，我们可以使用video标签来创建一个视频播放器。例如： ```html <video controls width="3840" height="2160"> <source src="video.mp4" type="video/mp4"> </video> ``` 在上面的代码中，video标签用来创建一个视频播放器，其中包含一个source标签指定了视频文件的路径和类型。在该例中，视频文件被设置为video.mp4，类型为video/mp4。 为了确保视频以4K分辨率播放，我们需要使用width和height属性来设置视频播放器的宽度和高度。在上面的代码中，宽度被设置为3840像素，高度被设置为2160像素，以适应4K分辨率。 另外，在video标签中，我们还可以添加controls属性来显示视频播放器的控制按钮，如播放、暂停和音量控制。 当网页加载时，视频播放器将显示在指定的宽度和高度内，并且用户可以通过点击控制按钮来播放和控制视频播放。 总结而言，嵌入4K视频到HTML5可以通过video标签和相关属性来实现。通过指定视频文件路径和类型，以及设置合适的宽度和高度，我们可以在网页中成功嵌入并播放4K视频。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值