解决在页面中播放视频时只有声音却不显示图像的问题

news/2024/11/23 10:18:20/

视频上传后:网页播放只有声音不显示图像。

左:正常视频播放。   右:只有声音没有图像。

原因:

视频不光区分格式,相同的格式的情况下还区分编码。就拿mp4格式的视频来说吧,mp4有3种编码,mpg4(xdiv),mpg4(xvid),avc(h264),这三种格式虽然在播放器里可以正常播放,但是mpg(xdiv),mpg4(xvid)这两种格式嵌到html5页面里的时候就会出现上述只有声音却不显示图像的那种情况,转换成H264编码就可以网页正常播放了。

格式工厂下载链接:http://www.pcgeshi.com/

可是如何给我们的视频转码(转换编码)呢?下面我就介绍一下如何使用格式工厂来转码(之所以我介绍用格式工厂来转码是因为我觉得格式工厂的功能太强大了,不仅能转换视频的格式还可以剪辑视频、音频,竟然还可以转换视频的编码,集多功能于一身):
对于扩展名相同的视频文件它们的视频的编码可能是不一样的,如mp4格式的视频的编码就可能是mpg4(xdiv)或mpg4(xvid)或avc(h264),在用格式工厂软件进行视频转换时可以设置视频的编码格式,使视频可以让不同的播放器打开。

第一步:打开格式工厂软件,这里我以把视频转换为mp4格式为例说明单击[->mp4]按钮


第二步:单击[添加文件]按钮


第三步:单击选择文件,单击[打开]按钮



第四步:单击[输出配置]按钮



第五步:可以看到现在的“视频编码”右边的值是“MPEG4(Xvid)”,单击这一行,会出现下拉按钮




第六步:点击下拉按钮,在弹出的下拉列表中选择需要的编码,如在这里我单击选择“AVC(H264)”,然后单击[确定]按钮



第七步:单击[确定]按钮



第八步:单击[点击开始]按钮开始任务


 


然后导出来的视频就可以再页面里面正常播放了。


http://www.ppmy.cn/news/503153.html

相关文章

54 KVM工具使用指南-vmtop使用指南

文章目录 54 KVM工具使用指南-vmtop使用指南54.1 概述54.1.1 多架构支持54.1.2 显示项说明54.1.2.1 AArch64和x86_64架构公共显示项54.1.2.2 仅AArch64架构的显示项54.1.2.3 仅x86_64架构的显示项 54.2 使用方法54.2.1 语法格式54.2.2 选项说明54.2.3 快捷键 54.3 示例 54 KVM工…

理想吹响城市NOA号角:激光雷达车型又火了

作者 | 德新编辑 | 王博 2023下半年,以华蔚小理为代表的智能驾驶头部厂商,其高阶辅助驾驶全面进城。 在过去短短一周时间里,蔚来、华为、理想、小鹏紧锣密鼓悉数公布了新进展。此外据HiEV了解,比亚迪、智己、飞凡等品牌的智驾团队…

RPA×IDP×AIGC,实在智能打造全新“超进化”文档审阅超自动化解决方案

企业商业活动频繁,每日都有大量文档被创建、书写、传递,需要人工审阅核查,以确保其准确性和合法性。这是对企业文档管理的一个巨大挑战,尤其对于金融机构、审计机构等文本相关岗位的工作人员来说更是如此。传统的文档审核通常需要…

用Photoshop脚本批量为照片增加拍摄时间水印

效果 感谢 本脚本参考了:laozeng, https://github.com/laozeng1024 核心功能 如果照片为横幅,则顺时针旋转90后,再增加水印;如果exif中没有拍摄时间,从xmp信息里取;增加 JPEG 保存时存储质量等设置&…

PS教程!手把手教你打造一个配色小清新的地图图标

P大点S微博 :今天的教程是一个小清新风格的定位图标,操作不复杂,重点是图标样式的应用。源文件已打包,来收! PSD源文件 打包下载:http://pan.baidu.com/s/1qWYXqlm 效果图: 新建文档&#xf…

史上最全的前端资源汇总(上)

1.综合类 综合类地址前端知识体系http://www.cnblogs.com/sb19871023/p/3894452.html前端知识结构https://github.com/JacksonTian/fksWeb前端开发大系概览https://github.com/unruledboy/WebFrontEndStackWeb前端开发大系概览-中文版http://www.cnblogs.com/unruledboy/p/Web…

第十四章第三节1:Java集合框架之栈Stack

专栏目录首页:【专栏必读】Java基础教程和数据结构内容导航和学习说明文章目录 一:栈基本概念(1)栈的定义(2)压栈和出栈(3)进栈出栈变化形式(4)栈的操作二:Stack使用三:栈的模拟实现(1)顺序栈A:顺序栈的定义B:进栈C:出栈D:读取栈顶元素(2)代码四:栈的一些…

品优购项目学习---基本概述(简略)

做项目期间看不懂的可以查阅 标记有 注 的这些部分的内容 一定会有你的需要的答案哦 如果没有 那小卓这边建议 可以直接私信小卓 小卓一定尽力提供最优解释哈 等第二遍做的时候进行梳理 注: CSS中属性书写顺序 1. 布局定位属性 2.自身属性 3.文本属性 4.其他属性 ClassNa…