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

news/2024/11/23 0:08:30/

当练习HTML从插入视频时发现只能播放声音去没有视频画面这怎么解决呢?
第一查看html video 标签支持的视频格式,一共支持三种格式: Ogg、MPEG4、WebM。但这三种格式对于浏览器的兼容性却各不同。
html video 标签支持的视频格式
重点:比如MP4格式,MP4只是一个容器,里面还有一个叫编码器的东西。格式虽然都是MP4但是html中只支持H.264的编码格式。所以要用软件来转码。
MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器

转码工具
格式工厂官网下载
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
要确定视频编码格式为H264
然后点击开始输出就Ok了,在插入使用就可了

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>媒体学习</title>
</head>
<body>
<!--
src :视频的属性
poster:视频封面,没有播放时显示的图片
preload:预加载
autoplay:自动播放
loop:循环播放
controls:浏览器自带的控制条
width:视频宽度
height:视频高度
-->
<video src="../Resources/video/8.mp4" controls autoplay loop ></video>
</body>
</html>

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

相关文章

【解决】VLC Player播放视频有声音无画面的问题-禁止硬件加速

问题描述 如标题所示 Env OS&#xff1a; Linux Deepin 20 Community AMD集显 VLC&#xff1a;3.0.11-0deb10u1 amd64 过程 安装VLC(已经对深度商店失去了信心)&#xff0c;可以到vlc官网查看版本对比 sudo apt update sudo apt list *vlc*sudo apt install vlc此时用深度…

html5中video视频只有声音没有图像

解决方案&#xff1a; 1、使用视频标签&#xff1b; 1 2 3 <video width"352" height"264" controls autobuffer> <source src"video/hjh.mp4" typevideo/mp4; codecs"avc1.42E01E, mp4a.40.2"></source> <…

Qt-Qml-播放视频-失败版-只有声音没有图像

失败版代码 import QtQuick 2.7 import QtQuick.Controls 2.0 import QtQuick.Layouts 1.0 import QtMultimedia 5.6 ApplicationWindow {visible: truewidth: 640height: 480title: qsTr("Hello World")color: "#ff00ff" // Rectangle // { // …

Chrome播放视频时只有声音没有画面

问题 win7下Chrome在线播放视频时只有声音&#xff0c;没有画面 解决 打开Chrome&#xff0c;点击右上角菜单&#xff0c;选择设置 -> 高级 -> 系统&#xff0c;取消使用硬件加速模式&#xff08;如果可用&#xff09;&#xff1a; 重启Chrome即可 另 如果Chrome所有…

压缩视频之后网页上只有声音,没有图像

MP4有3种编码&#xff0c;mpg4(xdiv),,mpg4(xvid)&#xff0c;avc(h264)转换成H264编码就可以网页正常播放了&#xff0c;好像H264才是公认的MP4标准编码。 转载于:https://www.cnblogs.com/anxiaoyu/p/8177373.html

android设备上视频只有声音没有图像

android里在html上用video打开视频&#xff1a; ctrlContent.html("<video controls> <source src\""phyPath"\" type\"video/mp4\"></video>"); 此时也许页面的视频只有声音没有图像&#xff0c;解决方法是在andr…

解决H5播放视频黑屏只有声音没有图像的问题,Java调用ffmpeg转码成h264的mp4格式

前端用的是HTML5的<video>标签播放的视频。由于其并不能支持所有视频类型的播放&#xff0c;所以我们需要把视频转码为其支持的编码如h264。否则会出现黑屏只有声音没有图像的问题。 网上的方法大多是转成flv的&#xff0c;这里&#xff0c;我把它转成mp4。直接调用Conv…

视频只有声音没有图像?(收藏)

1.重新卸载了再安装个非常新的驱动. 或者&#xff1a; 2.右击桌面&#xff0c;在设置-高级-疑难解答中&#xff0c;将硬件加速拖动&#xff0c;改为无即可。 3.或者更新directx_9c_redist.exe&#xff0c;重装安装播放软件。[more] 来自 “ ITPUB博客 ” &#xff0c;链接&…