HTML5 video标签有声音有播放但看不到图像的问题解决

最新推荐文章于 2024-05-22 11:58:11 发布
最新推荐文章于 2024-05-22 11:58:11 发布
阅读量7k 收藏 1
点赞数 2
分类专栏： 前端功能 文章标签： html5 标签 视频
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28975017/article/details/78835198
版权

下载格式工厂进行转码（avc(h264)）

普及知识：
- MP4 = MPEG4文件使用 H264 视频编解码器和 AAC 音频编解码器。
- WebM = WebM文件使用 VP8 视频编解码器和 Vorbis 音频编解码器。
- Ogg = Ogg文件使用 Theora 视频编解码器和 Vorbis音频编解码器

只有h264才是公认的MP4标准编码

coder丶赵
关注
专栏目录
html5 video 直播流无声音,H5使用Video标签上传视频有声音无画面的解决方案
weixin_36393239的博客
06-04 2121
前端用H5的Video标签做了播放器，部分mp4文件上传成功后只有声音而没有画面，经过了解之后才知道此标签只支持编码为H264的MP4文件，不支持编码为MPEG4的MP4文件，想成功播放必须要转码。于是就去网上找啊找，刚开始全是格式化工厂转，但是我要的是可以用代码实现的。。。但最后找到一种折中的方法，就是拿ffmpeg工具结合代码来完成转码。当然了，首先得检测该MP4的编码是哪种类型，如果是H26...
直接修改html代码视频进度,HTML5实现video标签的自定义播放进度条
weixin_33664286的博客
06-04 5181
现在随着html5的渐热，越来越多的web开发者都开始选择使用html5写出一些比较好的web应用。html代码：HTML5-Video-Player.videoPlayer{border: 1px solid #000;width: 600px;}#video{margin-top: 0px;}#videoControls{width: 600px;margin-top: 0px;}.show{...
解决！html中使用video标签调用本地视频结果只有音频没有视频画面
weixin_46281068的博客
11-10 3094
解决，html中video标签使用了，效果却还是audio的，这里直接解决。快来看看吧
video标签播放本地视频只有声音没有图像的解决办法-视频转码格式工厂或FFmpeg
細水、長流√的专栏
03-14 3426
会发现只有h264编码的MP4视频（MPEG-LA公司）、VP8编码的webm格式的视频（Google公司）和Theora编码的ogg格式的视频（iTouch开发）可以支持html5的标签。MP4有3种编码，MPEG4(DivX)、MPEG4(Xvid)、AVC(H264)；对于视频编码问题，下载了“格式工厂”，将输出配置里面的编码改为 AVC(H264) ，导出视频。再次本地播放问题解决。对于视频编码问题，下载了“格式工厂”，将输出配置里面的编码改为 AVC(H264) ，导出视频。
使用vant+video.js实现轮播图图片和视频轮播播放
铁锤妹妹的博客
02-23 5749
先上效果图 1. 安装 npm install video.js 2. 在需要用到的页面引入 import Video from "video.js"; import "video.js/dist/video-js.css"; 3. 具体页面使用 假设传给子组件的数组结构 <template> <div class="tabPicture"> <van-swipe style="height: 490px;"> <van-swip
h5+vue video使用
热门推荐
shunzizhan
08-21 5万+
video视频格式要求 vue没法控制video能否自动播放 如何控制video视频的声音关闭 如何判断video视频已经播放完毕
安卓App使用video视频播放画面正常显示，但是没有声音？
qq_43358160的博客
11-01 2260
有可能不是组件的问题，而是音频编码的问题，把音频编码换成aac试一下
如何处理video标签不静音自动播放
最新发布
weixin_66198432的博客
05-22 2716
对于video标签的自动播放问题，我们可以使用muted属性进行静音播放，通过JavaScript控制播放行为，或者监听用户的交互事件来决定是否播放视频。我们可以使用video标签提供的play()和pause()方法，在需要播放视频时手动调用play()方法，而不是让其自动播放。通过在video标签中添加muted属性，视频就会默认静音播放，避免了自动播放时的突兀声音。通过监听用户的交互事件，如点击、滚动或滑动等，我们可以在用户主动与网页进行交互时再播放视频，从而避免了自动播放的尴尬。
Android中Webview中解决H5音视频播放有声音无画面，页面关闭还有声音的问题
小寒的博客
03-27 1885
Webview中关于H5音视频有声音无画面的问题 android通过Webvoew加载一个H5页面,H5里面有一个视频，之前还好好的，突然发现，视频只有声音没有画面，好奇怪，最终找到解决方案，记录一下，方便以后用到 1，application标签下增加以下代码 android:requestLegacyExternalStorage="true" 2，webview增加以下配置，为webview...
手机 html自动播放视频格式,Video 在网页和移动端无法自动播放问题？?
weixin_42118056的博客
06-01 1976
标签介绍 标签定义视频，比如电影片段或其他视频流。支持三种视频格式：MP4、WebM、Ogg。是 H5 的新标签，使用如下：//autoplay表示视频自动播放，controls表示显示视频控制器，loop表示循环播放您的浏览器不支持 video 标签。浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。Element谷歌IE火狐safariopera4.09.03.54.010.5提示和...
gif在html5中不播放,gif 图片在canvas 中的播放
weixin_36373949的博客
06-16 1392
一，原理1.canvas、img、video，都是图像对象，属于图像类型的节点。这种图像对象不是Image 对象，而是对加载图像数据流的节点的统称。img 里的图像数据来源于提前制作好图片文件的，是静止的，比如.jpg，.png，.svg 等。.gif 是个特殊存在，另当别论。vedio 里的视频数据来源于提前制作好的视频文件，是动起来的。canvas 图像数据是动态生成的。2.图像对象的数据的读...
html5的video标签播放视频有声音无图像
eva_feng的博客
07-03 7144
项目中使用视频播放器video.js 播放本地视频时，遇到个问题，进度条能移动有声音但是没有图像。百度了下,了解相关知识点。 目前video标签只支持MP4，WebMail，Ogg格式的视频。 MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器 WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器 Ogg = Ogg 文件使用 The...
修改video标签默认样式问题video播放器样式优化；video播放器默认显示图片
zhangzuying的博客
12-07 1万+
需求： 1.播放器可以支持上传默认封面图片 2.播放器的进度条长度拉长些,与播放器长度一样长，或者其他方式美化一下 首先需求1.播放器可以支持上传默认封面图片解决方案： 1.第一种方法可以直接在video标签中直接添加poster属性 <!DOCTYPE HTML> <html> <body> <video src="/i/movie.ogg" controls="controls" poster="../../imgs/poster.png"> you
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播放
MarkDown文档添加图片题注
qq_36265860的博客
10-12 1597
MarkDown文档添加图片题注，公式编号 图片： <table> <tr> <td> <center> <img src="assets/003/20201012-b20c9ab3.png"> </br> 图 6-2 </center> </td> </tr> </table> 公式： $$ \mathcal L U = F \tag{1} \label{eq1} $$ .
ImageView显示视频的第一帧图片&&VideoView视频播放
Widsom的博客
11-07 1万+
ImageView显示视频的第一帧图片&&VideoView视频播放我们在播放视频时，为了增强用户体验，在视频未播放时，需要显示视频的第一帧图片，增强用户体验。效果如图：在android中系统提供了一个类MediaMetadataRetriever，可以帮我们获取视频的第一帧数据，当然，其他帧图片也是可以获取的。下面来看具体代码：布局文件：<?xml version="1.0" encoding="
Android webview HTML5 Video 无图像
编程之美
05-13 2779
你可以在AndroidManifest.xm中l加入              ....             android:hardwareAccelerated="true"              />
video标签播放MP4只有声音没有视频
10-14 6171
今天刚睡醒，就收到反馈说有的MP4格式的文件无法正常播放…… 赶忙爬起来去查看情况，将无法播放的文件下载下来，本地播放正常，感觉应该是编码问题（MPEG4跟H264之争） 查看了这个文件的编码：果然是MPEG4。 是用格式工厂将他转成H264，问题解决…… 提供一个一劳永逸的方法：自己搭建转码服务，对每个上传的视频做编码判断，不是H264，进行转换再保存。 ...
video标签有声音自动播放
11-30
很抱歉，根据网页浏览器的安全策略，视频标签的自动播放必须在用户与文档之间有操作之后才能实现。如果您想要实现视频标签的自动播放，可以在标签中添加muted属性，这样就能实现自动播放但是没有声音。如果您想要实现有声音的自动播放，可以使用一些第三方插件，例如引用中提到的cefsharp插件。但是需要注意的是，这些插件可能会对浏览器的性能和安全性产生影响，使用时需要谨慎。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值