H5播放器标签video播放mp4格式有声音没有图像解决方法

最新推荐文章于 2022-12-14 15:23:23 发布
最新推荐文章于 2022-12-14 15:23:23 发布
阅读量4k 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liukai6/article/details/79411507
版权

在使用h5的video标签播放视频很方便,但是有时会出现有声音没有图像的情况,这个时候我们考虑一下视频编码的问题

下载转换工具,对视频进行格式的变化,视频编码选择AVC(H264)这样就可以直接播放了,还可以对很多配置进行转换

liukai6
关注
专栏目录
Android中Webview中解决H5音视频播放有声音无画面，页面关闭还有声音的问题
小寒的博客
03-27 1878
Webview中关于H5音视频有声音无画面的问题 android通过Webvoew加载一个H5页面,H5里面有一个视频，之前还好好的，突然发现，视频只有声音没有画面，好奇怪，最终找到解决方案，记录一下，方便以后用到 1，application标签下增加以下代码 android:requestLegacyExternalStorage="true" 2，webview增加以下配置，为webview...
html5 video 直播流无声音,H5使用Video标签上传视频有声音无画面的解决方案
weixin_36393239的博客
06-04 2103
前端用H5的Video标签做了播放器，部分mp4文件上传成功后只有声音而没有画面，经过了解之后才知道此标签只支持编码为H264的MP4文件，不支持编码为MPEG4的MP4文件，想成功播放必须要转码。于是就去网上找啊找，刚开始全是格式化工厂转，但是我要的是可以用代码实现的。。。但最后找到一种折中的方法，就是拿ffmpeg工具结合代码来完成转码。当然了，首先得检测该MP4的编码是哪种类型，如果是H26...
Web端H5播放FLV、HLS、MP4 (二)
东成熙就
12-14 5459
Web端H5播放FLV、HLS、MP4
H5 video标签播放MP4
Bryce96的博客
05-10 2322
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
H5的video标签在网页上播放MP4视频时只有声音没有画面
weixin_30413739的博客
01-30 1227
最近做一个项目时，发现mp4文件播放时没有图像，只有声音，代码检查了N次，都没有问题，就算是直接使用网上的实例代码，也只能播放实例视频，mp4文件绝对路径，相对路径也都试了，还是不能播放我的mp4. 最后才想到可能是mp4文件本身的问题， 查询了一下 mp4的视频编码有三种：MPEG4(DivX)，MPEG4(Xvid)，AVC(H264) 只有AVC(H264)编码格式的mp4才可以在网...
html5的video标签播放视频有声音无图像
eva_feng的博客
07-03 7135
项目中使用视频播放器video.js 播放本地视频时，遇到个问题，进度条能移动有声音但是没有图像。百度了下,了解相关知识点。 目前video标签只支持MP4，WebMail，Ogg格式的视频。 MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器 WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器 Ogg = Ogg 文件使用 The...
html5中video视频只有声音没有图像
wjm0519的博客
04-24 3988
解决方案： 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...
h5在页面嵌入video时，只有声音没有画面
weixin_30377461的博客
02-26 734
视频不光区分格式，相同的格式的情况下还区分编码。 使用格式工厂转化转化视频文件时，不但要选择视频格式，在选择了视频格式之后，还有选择相应的视频编码： 普及知识： - MP4 = MPEG4文件使用 H264 视频编解码器和 AAC 音频编解码器。 - WebM = WebM文件使用 VP8 视频编解码器和 Vorbis 音频编解码器。 - Ogg = Ogg文件使用 Theora 视频...
h5 页面播放mp4视频，有声音无图像的解决方法即将编码转换成AVC(H264)，转换工具下载
04-16
h5页面用video标签播放视频，有声音无图像，因为mp4的视频编码有三种：MPEG4(DivX),MPEG4(Xvid),AVC(H264)。 使用该工具将视频转换成AVC(H264)编码，就能正常播放。 亲测可用！！！
layer弹出层中H5播放器全屏出错的解决方法
08-31
`poster`属性用于指定视频未开始播放前显示的预览图像。如果视频容器的尺寸小于或等于`poster`图片的尺寸，图片可以完全填充容器；否则，容器周围可能出现黑色边缘。为使预览图始终填满容器，我们可以使用CSS配合`...
html5画音不同步,html5 video标签播放视频时，声音和图像不同步（声音快）。
weixin_39578513的博客
06-18 792
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标签播放本地视频只有声音没有图像 解决办法
热门推荐
飞龙在天
04-27 3万+
HTML5 video标签播放本地视频只有声音没有图像 解决办法
HTML5的video标签，视频在网页播放没有画面只有声音，支持的格式，MP4,
weixin_33840661的博客
03-08 866
为什么80%的码农都做不了架构师？>>> ...
关于h5 video标签只显示音质没有画面的问题
qq_36990886的博客
03-30 554
根据工作需求，需要将一个flv格式的视屏放在手机显示,本人用到h5的video遇到相关的几个问题，跟大家分享一下 1，使用flv视屏转换器将flv格式的视屏转化为MP4的格式； 2，发现只有音质没有画面，MP4的编码格式有3种mpg4(xdiv),,mpg4(xvid)，avc(h264)
html5插入video视频文件，为什么有声音不显示画面
bigmeow_lyj的博客
04-30 9849
插入video <video width="560px" height="340px" src="白宇、朱一龙 - 时间飞行~1.mp4" controls autoplay metud>非常抱歉，由于不可抗力因素，本视频无法播放</video> controls 控件播放 autoplay 自动播放 metud 静音 我在火狐运行时，只能出现声音无法...
H5 Video画面不显示问题
tianlianchao1982的专栏
12-22 8976
转个编码就行了， MP4有3种编码，mpg4(xdiv),,mpg4(xvid)，avc(h264) 转换成H264编码就可以网页正常播放了，好像H264才是公认的MP4标准编码。。。。。
块元素居中方式
gklcsdn的博客
12-10 833
<!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-...
h5<video>有图像没声音或有声音没图像
TouberM的博客
08-01 5600
MP4有许多编码格式 XviD一直是世界上最流行的视频编码器。XviD的文件扩展名可以是AVI、MKV、MP4等 仅从扩展名并不能看出这个视频的编码格式。  H.263是特别面向低码率的视频编码而设定的(通常只有20-30kbps或更高)  H.264是一种高性能的视频编解码技术。在同等图像质量的条件下， H.264能提供连续、流畅的高质量图象同H.263等标准的特率效率相比，
h5 video标签
最新发布
08-26
h5 video标签是HTML5中提供的用于在网页中播放视频的标签。它包含了一系列属性和方法，用于控制视频的播放、暂停、音量控制等功能。 video标签可以通过指定src属性来指定要播放的视频文件的路径。同时，可以通过poster属性来设置视频封面图像。preload属性可以指定视频在页面加载时是否进行预加载。autoplay属性可以设置视频在加载完成后是否自动播放。loop属性可以设置视频循环播放。当然，还有controls属性可以显示视频播放器的控制按钮。此外，video标签还可以包含source标签，用来指定多个视频源，以便在不同浏览器中兼容不同格式的视频。 需要注意的是，不同浏览器对video标签的支持有所差异。一些浏览器只支持特定的视频格式，所以在使用video标签时需要考虑不同浏览器之间的兼容性。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [关于H5中的video标签的用法总结](https://blog.csdn.net/xiaoxiaohui520134/article/details/82901089)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值