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

最新推荐文章于 2023-10-31 09:45:08 发布
最新推荐文章于 2023-10-31 09:45:08 发布
阅读量1.6k 收藏
点赞数
分类专栏： Page 文章标签： HTML5 video
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30273259/article/details/72676247
版权

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


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


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




-END-

HTML ＜video＞ 标签
玄链教育
09-16 1471
video> 标签定义视频，比如电影片段或其他视频流。
php 输出视频流无法被video显示,修复video标签在safari中无法播放mp4视频的问题
weixin_42367464的博客
03-12 649
前言近期一个站长联系我，向我求救解决一个bug，该问题在网络上很多遇到，但是没有正常的解决方案。特此记录下。问题该站长有一个discuz论坛，其中在帖子中发布视频时，如果添加的视频地址是其他站点的地址或者图片下的视频路径，可以正常播放。如果使用附件中地址，则异常。image.png其中无法播放的地址的代码如下原因safari浏览器，在打开视频的时候，他不是一次性请求全部文件的，一般首先会请求0-1...
H5之VIDEO 标签 视频播放不了MP4视频的问题
weixin_33906657的博客
10-27 5571
2019独角兽企业重金招聘Python工程师标准>>> ...
H5的Video标签无法播放MP4文件只有声音无画面
Hannah_wy的博客
09-15 4853
最近在项目中碰到了一个问题：在利用H5的video标签播放视频时，发现有的视频可以正常播放，但有的只有声音没有画面。
html5(h5)播放mp3全浏览器兼容
12-20
html5(h5)播放mp3全浏览器兼容 兼容主流浏览器，兼容微信内置浏览器，兼容移动端浏览器 等等，html5
解决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
Bryce96的博客
05-10 2366
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标签播放本地视频只有声音没有图像的解决办法-视频转码格式工厂或FFmpeg
細水、長流√的专栏
03-14 3489
会发现只有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 1343
html5 video不能播放，能播放声音不能播放视频，黑屏； 浏览器播放视频的支持有限，MP4格式的视频只支持h.264的视频； 视频编码： AVC1 - 内置 FFmpeg 解码器(h264) 可以播放； 视频编码： mp4v - 内置 FFmpeg 解码器(mpeg4) 不可以播放； 检查视频的格式；用PotPlayer打开视频，右键-属性，可以看到视频编
video标签使用的网络视频流测试播放工具.zip
11-07
HTML5的`<video>`标签是现代网页设计中不可或缺的一部分，它使得在网页上嵌入、控制和播放视频内容变得简单。本压缩包文件“video标签使用的网络视频流测试播放工具.zip”提供了一个用于测试HTML5`<video>`标签所...
html5插入mp4视频文件
08-02
NULL 博文链接：https://alleni123.iteye.com/blog/1962371
JAVA-BS-viedo.rar_BS架构_视频会议
09-24
【JAVA-BS-viedo.rar】是一个关于BS架构视频会议系统的资源包，其中包含了一份名为【JAVA-BS-viedo.doc】的设计文档。这个系统基于BS（Browser-Server）架构，也就是我们常说的B/S架构，是一种典型的客户端-服务器...
h5中video详解和其它新标签，css自定义常量
snow_small的博客
05-31 5207
一、直播的工作原理1、直播的流程2、视频的格式和兼容性，flv：b站使用的，hls：苹果使用的3、直播协议（mp4适合点播（就是重播）比如爱奇艺。。。）（1）HLS协议：先发放M3U8文件，这个文件有很多索引，指向不同的片段ts，根据ts片段的时长，浏览器会自动更新M3U8文件对应hls类型的视频，以.ts结尾video解析M3U8文件（索引文件），解析成一个个片段，会有延迟（2）RTMP协议：建...
H5新增视频标签
weixin_57936267的博客
05-06 218
<style> video{ width: 400px; height: 300px; } </style> <!-- 通过css也可以设置video的宽高 --> </head> <body> <h1>视频</h1> <!-- <video src="../mp4/104.mp4" co.
H5新特性（一）——音视频标签
Caleb的博客
06-10 2909
大家都有在网页中浏览音频和视频的经历，在之前，对视频和音频没有一个标准，因此在网页中看到的视频，都是通过第三插件的方式嵌入的，可能是，也可能是 或者 。但并不是所有的浏览器都拥有相同的插件，为了能让视频和音频在网页内播放成功，规定了一种通过video，audio来包含视频播放的标准。提供了audio标签, 实现网页中音频的播放:简写方式: 标准方式: 常用属性: preload=none 不进行音频预加载preload=metadata 仅加载音频的基本信息preload=auto 尽可能加载音频
动态赋值的video视频路径无法显示视频内容
m0_49440146的博客
06-09 1143
动态赋值的video视频路径无法显示视频内容
MP4视频无法在H5网页中播放
最新发布
lsf1192354203的博客
10-31 1588
html5新标签video
h5点播播放mp4视频遇到的坑,ios的h5不能播放视频等
热门推荐
Lucifer的博客
12-18 3万+
背景 h5的出现对多媒体在网页上的视频播放提供了支持，以前网页播放视频基本依赖于flash等插件。而h5的video标签实现了网页播放视频无插件化。因此，h5的出现给网页视频播放带来极大的便捷性，目前，PC端的Chrome，安卓端浏览器，微信浏览器，QQ浏览器(自带播放器)，以及IOS的safari都支持h5的video标签。部分PC端浏览器比如IE还不支持。 基础知识普及 h5的v
vue H5项目中使用video标签无法播放视频，播放按钮也点不了，屏幕是黑的，解决方案
seeeeeeeeeee的博客
08-29 1万+
原始代码 <video src="@/video/qiang.mp4" controls="controls"></video> 显示结果 这样的，按钮都不能点，也不显示视频。 然后我测试发现我在我自己的私人项目中使用都是可以的，唯独放在公司的代码中就不行，我就怀疑是不是公司代码太老了或者有其他代码不知道在哪里影响我造成的的原因 解决办法 这样写，就是src前面加require引入，搞定！ <template> <div> <vid
base64文件流使用video标签播放
06-06
要在网页上使用 base64 编码的文件流播放视频，可以使用 HTML5 的 video 标签。以下是一个示例代码： ```html <video controls> <source src="data:video/mp4;base64, [base64编码的文件流]" type="video/mp4"> Your browser does not support the video tag. </video> ``` 其中，`[base64编码的文件流]` 部分需要替换为实际的 base64 编码字符串。此外，`type` 属性需要指定视频文件的 MIME 类型，这里使用了 `video/mp4`。`controls` 属性可以让用户控制视频的播放、暂停、音量等。 注意，由于 base64 编码的文件流通常比较大，这种方式会增加页面加载时间和带宽消耗。如果可能的话，最好使用普通的视频文件链接，而不是 base64 编码的数据流。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值