解决html标签添加视频只有声音没有图像

最新推荐文章于 2023-11-10 21:49:21 发布
最新推荐文章于 2023-11-10 21:49:21 发布
阅读量5k 收藏 3
点赞数 3
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xn_n_ing/article/details/94150587
版权

在最近实训项目中遇见了在页面用HTML标签插入视频之后只有声音，没有图像的问题。之后发现这是视频编码的问题。查阅资料之后发现应该把视频转码为H264编码的mp4视频格式就可以了 。还要注意的是就算已经转过码的视频，经过qq微信什么的发送一次，接收后使用还需要转一次码
因此我下载了格式工厂进行转码。直接搜索格式工厂官网进行下载最新版本，安装也是非常容易。然后进行转码，
在这里插入图片描述
首先我的视频是MP4格式，点击它，就会弹出在这里插入图片描述
然后设置输出设置，也就是选择我们要转的码的类型avc(h264)格式，确定

在这里插入图片描述
添加文件并选择输出文件。结束在这里插入图片描述

xn_n_ing
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android Webview中解决H5的音视频不能自动播放、只有声音没有图像的问题
qq_25611187的博客
12-23 8631
开发webview的时候，当加载有声音的H5的时候，声音不会自动播放，必须手动触摸一下屏幕，声音才会播放出来，虽然在H5文件中设置了autoplay属性，也调用了play方法，依然不能自动播放，最后通过在webview中调用js方法来解决。    代码如下： view.loadUrl("javascript:(function() { " + "var videos = d
HTML中添加超链接、音频标签、视频标签、内嵌框架标签
m0_46420078的博客
10-08 1923
超链接 1.超链接：当用户点击文字、图像、视频等页面元素时，页面会发生跳转，则这些页面元素就是超链接 2.超链接标签： <a href='url地址' target='页面打开的方式'>页面元素(文字、图像、音频、视频)</a> 'href'属性：值是要跳转的页面的地址,通常用'#'表示空链接 'target'属性：新页面打开的方式,取值有'_self'和'_blank' '_self...
html 网页中插入视频没有画面只有声音的问题
YiShiWenYan
03-15 1万+
在html中插入视频，没有画面只有声音。     你的浏览器不支持这种格式的视频播放，请换个浏览器试试 原因：视频编码有问题 。 解决方法：通过格式工厂或其他格式转换工具将编码改为 H264 即可。
解决在页面中播放视频时只有声音却不显示图像的问题
热门推荐
gysea123321的博客
05-22 2万+
视频不光区分格式，相同的格式的情况下还区分编码。就拿mp4格式的视频来说吧，mp4有3种编码，mpg4(xdiv),mpg4(xvid)，avc(h264)，这三种格式虽然在播放器里可以正常播放，但是mpg(xdiv),mpg4(xvid)这两种格式嵌到html5页面里的时候就会出现上述只有声音却不显示图像的那种情况，转换成H264编码就可以网页正常播放了。 可是如何给我们的视频转码(转换编码)呢？下面我就介绍一下如何使用格式工厂来转码(之所以我介绍用格式工厂来转码是因为我觉得格式工厂的功能太强大了，不仅
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...
html无法正常显示图片或者视频等的原因分析
长高
02-24 2858
html的使用src无法正常显示图片或者视频等的原因 如下，这是我网页文件存放的位置，大家能看到我的图片是跟网页存放在同一个根目录下那么再看看代码，实现效果图。 代码区域 <img src="2.jpg" height="250" width="250"/> <img src="2-2.jpg"/> <img src="2-3.jpg"/> 效果图 请仔细观...
详解移动端HTML5音频与视频问题及解决方案
12-02
针对这些问题，交互视频的特性在于它可以在iPhone上非全屏播放，可以与其他图形元素集成，甚至可以添加蒙版去掉背景，使视频与普通图形对象融合，提升用户体验。 在实践中，为了优化音频的使用，避免在iOS上频繁...
HTML5 video标签（播放器）学习笔记（一）:使用入门
09-28
HTML5的`<video>`标签是现代网页开发中的一个重要元素，它允许开发者在网页上嵌入视频内容，无需依赖Flash或其他第三方插件。这篇学习笔记主要介绍了`<video>`标签的基本使用，包括如何初始化视频播放器，设置视频源...
html标签、html语义化
12-19
HTML 中的 icon 图标是指使用 `<link>` 标签来添加网页的 favicon 图标。favicon 图标是指网页的图标，通常显示在浏览器的地址栏或书签栏中。 HTML 标签和 HTML 语义化是构建网站的基本元素和原则，使用正确的 ...
html视频不播放视频教程,html无法播放视频怎么办
weixin_34847198的博客
06-05 3352
html无法播放视频的解决办法：首先打开相应的HTML代码文件；然后在MIME类型里说明MP4和WebM以及Ogg视频格式；最后修改好视频的编码即可。本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。HTML页面嵌入视频无法播放的常见原因HTML5页面内嵌入视频有个标签， 元素支持三种视频格式：MP4、WebM、Ogg。昨天使用了一下这个标签嵌入一段...
解决！html中使用video标签调用本地视频结果只有音频没有视频画面
最新发布
weixin_46281068的博客
11-10 2957
解决，html中video标签使用了，效果却还是audio的，这里直接解决。快来看看吧
html播放mp4不显示画面,浏览器播放mp4格式视频时只有声音看不到画面的原因及解决方法（精）...
weixin_30581253的博客
06-15 6239
做HTML5网页，要播放视频，视频格式为mp4，结果浏览器只能听到声音，看不到画面。反复测试，多个浏览器均出现此问题。刚开始以为视频的格式不对，我是从MOV转的MP4格式，反复确认嵌入的视频确实是mp4格式的，可是试了好多次结果都一样，只有声音不显示图像，搞了一天，直接搞懵了。在网上到处搜索，最终解决。问题描述：在html5页面中嵌入视频，用浏览器打开页面只听到声音却不显示图像。页面代码：请升级浏...
HTML5中视频标签学习中出现只显示声音而没有画面的情况。
Huui_的博客
06-22 2006
在html中，视频标签画面的不显示原因之一：html只支持MP4的H264的编码格式
Html5 视频播放之video标签的使用(包含注意事项，例如视频无法正常展示，只显示音频等问题)
静若清池，动如涟漪_
09-22 5191
一、html 5 之前播放视频 在html 5之前，嵌入网页中的flash视频可以使用以下标签 <embed src="movie.swf" height="200" width="200"/> 但是， 1)如果浏览器不支持flash，将无法播放视频。 2)iPad 和 iPhone 不能显示 Flash 视频。 3)如果您将视频(*.swf)转换为其他格式，那么它仍然不...
关于使用video标签插入视频时，视频无法播放的问题
amercury0818的博客
01-03 7761
使用video标签插入视频，只显示了一个封面却无法播放视频
HTML_video标签播放本地视频只有声音没有图像 解决办法
小歪博客
05-10 3154
今天做项目，需要播放视频功能，想到用HTML5中的video标签，但是播放本地视频时只有声音没有图像 换成网上视频播放时一切正常，不知是何原因？ 看到有篇文章说是视频的编码问题，抱着试试看的心态，下载格式工厂进行转码（avc(h264)） 没想到的是，竟然成功了！看来还真是编码问题 额外知识：MP4有3种编码，mpg4(xdiv),mpg4(xvid)，avc(h264)， 只有h264才是公认的MP4标准编码 ...
html5 css 插入视频,HTML+CSS入门 HTML网页中插入视频各种方法
weixin_28684757的博客
06-10 1万+
本篇教程介绍了HTML+CSS入门 HTML网页中插入视频各种方法，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。<现在如果要在页面中使用video标签，需要考虑三种情况，支持OggTheora或者VP8(如果这玩意儿没出事的话)的(Opera、Mozilla、Chrome)，支持H.264的(Safari、IE9、Chrome)，都不支持的(IE6、7、8)。好吧，现...
html5播放mp4不见画面,浏览器播放mp4格式视频时只有声音看不到画面的原因及解决方法（精）...
weixin_32075843的博客
06-11 2777
做HTML5网页，要播放视频，视频格式为mp4，结果浏览器只能听到声音，看不到画面。反复测试，多个浏览器均出现此问题。刚开始以为视频的格式不对，我是从MOV转的MP4格式，反复确认嵌入的视频确实是mp4格式的，可是试了好多次结果都一样，只有声音不显示图像，搞了一天，直接搞懵了。在网上到处搜索，最终解决。问题描述：在html5页面中嵌入视频，用浏览器打开页面只听到声音却不显示图像。页面代码：请升级浏...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值