H5<viedo>标签播放*.Mp4听得到音频却不显示视频的解决办法

最新推荐文章于 2024-01-17 15:17:40 发布
最新推荐文章于 2024-01-17 15:17:40 发布
阅读量1.7k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Page 文章标签： HTML5 video
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_30273259/article/details/72676247
本文介绍了MP4文件的三种编码格式：mpg4(xdiv), mpg4(xvid) 和 avc(h264)。着重强调了video标签支持avc(h264)编码，并以格式工厂为例展示了如何在转码过程中选择合适的编码。

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

mp4共有3中编码，分别为：mpg4(xdiv),,mpg4(xvid)，avc(h264)；


video标签 支持 avc(h264) 编码。


以格式工厂为例，在转码时选择编码：




-END-

HTML ＜video＞ 标签
玄链教育
09-16 1716
video> 标签定义视频，比如电影片段或其他视频流。
php 输出视频流无法被video显示,修复video标签在safari中无法播放mp4视频的问题
weixin_42367464的博客
03-12 722
前言近期一个站长联系我，向我求救解决一个bug，该问题在网络上很多遇到，但是没有正常的解决方案。特此记录下。问题该站长有一个discuz论坛，其中在帖子中发布视频时，如果添加的视频地址是其他站点的地址或者图片下的视频路径，可以正常播放。如果使用附件中地址，则异常。image.png其中无法播放的地址的代码如下原因safari浏览器，在打开视频的时候，他不是一次性请求全部文件的，一般首先会请求0-1...
html5(h5)播放mp3全浏览器兼容
12-20
html5(h5)播放mp3全浏览器兼容 兼容主流浏览器，兼容微信内置浏览器，兼容移动端浏览器 等等，html5
H5的Video标签无法播放MP4文件只有声音无画面
Hannah_wy的博客
09-15 5343
最近在项目中碰到了一个问题：在利用H5的video标签播放视频时，发现有的视频可以正常播放，但有的只有声音没有画面。
解决H5播放视频黑屏只有声音没有图像的问题，Java调用ffmpeg转码成h264的mp4格式
kk123k的博客
03-30 1万+
前端用的是HTML5的&amp;lt;video&amp;gt;标签播放的视频。由于其并不能支持所有视频类型的播放，所以我们需要把视频转码为其支持的编码如h264。否则会出现黑屏只有声音没有图像的问题。网上的方法大多是转成flv的，这里，我把它转成mp4。直接调用Conver的run(filepath);就可参数解释：-acodec //音频的编码 这里使用copy直接用原来的不用转提供速率-vcodec //视...
用H5实现简单的MP3MP4的播放
qq_36159785的博客
05-16 1万+
H5实现视频和音乐播放确实比Android简捷多了 首先就是源文件要添加进项目里面，这里我把MP3文件和MP4文件都放在了img文件夹下面， 然后就是代码的实现，其实代码也比较简单的，全都是调用指令，设置播放按钮，做一些语法处理啦，直接上代码了，不多说，毕竟我也是初学者<html> <head> <meta charset="utf-8" /> <ti
H5 video标签播放MP4
Bryce96的博客
05-10 2570
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
video标签使用的网络视频流测试播放工具.zip
11-07
HTML5的`<video>`标签是现代网页设计中不可或缺的一部分，它使得在网页上嵌入、控制和播放视频内容变得简单。本压缩包文件“video标签使用的网络视频流测试播放工具.zip”提供了一个用于测试HTML5`<video>`标签所...
vue2使用viedo标签实现视频播放，动态路径视频不播放且黑屏怎么解决
最新发布
12-05
在Vue2中使用video标签实现视频播放时，如果遇到动态路径视频不播放且黑屏的问题，可以尝试以下几种解决方法： 1. **检查视频路径**：确保视频路径正确，并且视频文件可以通过浏览器直接访问。可以通过在浏览器中...
h5中video详解和其它新标签，css自定义常量
snow_small的博客
05-31 5287
一、直播的工作原理1、直播的流程2、视频的格式和兼容性，flv：b站使用的，hls：苹果使用的3、直播协议（mp4适合点播（就是重播）比如爱奇艺。。。）（1）HLS协议：先发放M3U8文件，这个文件有很多索引，指向不同的片段ts，根据ts片段的时长，浏览器会自动更新M3U8文件对应hls类型的视频，以.ts结尾video解析M3U8文件（索引文件），解析成一个个片段，会有延迟（2）RTMP协议：建...
MP4视频无法在H5网页中播放
lsf1192354203的博客
10-31 2136
html5新标签video
H5之VIDEO 标签 视频播放不了MP4视频的问题
weixin_33906657的博客
10-27 5625
2019独角兽企业重金招聘Python工程师标准>>> ...
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) ，导出视频。
html5 video不能播放 能播放声音不能播放视频
rosener的博客
08-16 1388
html5 video不能播放，能播放声音不能播放视频，黑屏； 浏览器播放视频的支持有限，MP4格式的视频只支持h.264的视频； 视频编码： AVC1 - 内置 FFmpeg 解码器(h264) 可以播放； 视频编码： mp4v - 内置 FFmpeg 解码器(mpeg4) 不可以播放； 检查视频的格式；用PotPlayer打开视频，右键-属性，可以看到视频编
H5新增视频标签
weixin_57936267的博客
05-06 240
<style> video{ width: 400px; height: 300px; } </style> <!-- 通过css也可以设置video的宽高 --> </head> <body> <h1>视频</h1> <!-- <video src="../mp4/104.mp4" co.
h5视频播放方案（优化版）
qq_27984747的博客
01-17 7736
，我使用了三种办法来解决ios、安卓在微信浏览器和其他浏览器播放视频的问题，虽然能够解决问题，但是这种办法太繁琐了，于是这次对上次的方案进行了优化，现在只需要使用一种办法就可以实现视频的播放。：把首页和视频放在同一个页面，一开始让视频隐藏，点击开始时显示并播放视频。：在之前的方案中，ios端的微信浏览器，是用canvas来绘制video，用ctx.drawImage(video,0,0,widht,height)去循环更新canvas画布，实现播放视频的，微信浏览器出现了黑屏的现象？
H5新特性（一）——音视频标签
Caleb的博客
06-10 2994
大家都有在网页中浏览音频和视频的经历，在之前，对视频和音频没有一个标准，因此在网页中看到的视频，都是通过第三插件的方式嵌入的，可能是，也可能是 或者 。但并不是所有的浏览器都拥有相同的插件，为了能让视频和音频在网页内播放成功，规定了一种通过video，audio来包含视频播放的标准。提供了audio标签, 实现网页中音频的播放:简写方式: 标准方式: 常用属性: preload=none 不进行音频预加载preload=metadata 仅加载音频的基本信息preload=auto 尽可能加载音频
动态赋值的video视频路径无法显示视频内容
m0_49440146的博客
06-09 1219
动态赋值的video视频路径无法显示视频内容
html5 video标签不能播放mp4的问题
热门推荐
董国政的博客
06-09 1万+
最近项目中遇到的问题如下： 利用html5中的 video 标签去播放视频，但是发现有的mp4格式的视频可以播放，有的mp4格式的视频不能播放。视频格式 首先 video 标签只支持MPEG4，Ogg，WebM 三种视频格式，浏览器支持情况如下： 但是，video标签对这三种视频格式是有具体要求的Ogg = 带有 Theora 视频编码 + Vorbis 音频编码 MPEG4 =
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值