HTML中 video标签播放MP4只有声音没有图像

最新推荐文章于 2024-09-28 09:29:16 发布

kongziyong

最新推荐文章于 2024-09-28 09:29:16 发布

阅读量7.6k

点赞数 1

本文链接：https://blog.csdn.net/kongziL/article/details/89298565

版权

HTML5中的video标签播放MP4，只有声音没有图像

<video  id="myv" width="600" height="400"  src="video.mp4" ></video>

mp4的视频编码有三种：MPEG4(DivX)、MPEG4(Xvid)、AVC(H264)，
在格式工厂中，把视频文件转换成AVC(H264)编码，就能正常播放。

当前，video 元素支持三种视频格式：

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

kongziyong

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

为什么.mp4格式打开只有声音，没有视频，什么原因？

qq_15963745的博客

09-13

114

为什么.mp4格式打开只有声音，没有视频，什么原因？

html5画音不同步,html5 video标签播放视频时，声音和图像不同步（声音快）。

weixin_39578513的博客

06-18

814

Input #0, mov,mp4,m4a,3gp,3g2,mj2, from 'superfly.360p.mp4':Metadata:major_brand : isomminor_version : 512compatible_brands: isomiso2avc1mp41creation_time : 1970-01-01 00:00:00encoder ...

参与评论您还未登录，请先登录后发表或查看评论

html5 video 直播流无声音,H5使用Video标签上传视频有声音无画面的解决方案

weixin_36393239的博客

06-04

2140

前端用H5的Video标签做了播放器，部分mp4文件上传成功后只有声音而没有画面，经过了解之后才知道此标签只支持编码为H264的MP4文件，不支持编码为MPEG4的MP4文件，想成功播放必须要转码。于是就去网上找啊找，刚开始全是格式化工厂转，但是我要的是可以用代码实现的。。。但最后找到一种折中的方法，就是拿ffmpeg工具结合代码来完成转码。当然了，首先得检测该MP4的编码是哪种类型，如果是H26...

html5 <video>播放mp4格式视频没有图像的解决办法

东语的专栏

09-22

2万+

本文主要介绍在html中引用video标签，没有图像的解决办法。

【vedio】html 视频有声音没有图像

软件工程小施同学的专栏

05-25

2866

在html5页面中嵌入视频的时候页面中只显示声音却不显示图像。HTML5中并没有指定视频解码器，它留给了浏览器来决定。虽然Safari和Internet Explorer9可以支持H.264格式(注：H.264是公认的mp4的标准编码)的视频，Firefox和Opera是坚持开源Theora 和Vorbis格式。因此，指定HTML5的视频时，你必须提供这两种格式。把视频转码为H264编码的...

videojs 播放mp4视频只有声音没有画面问题

最新发布

qq_29579625的博客

09-28

1020

在使用Video.js播放MP4视频时，如果遇到只有声音没有画面的情况，这通常与视频文件的编码格式、浏览器兼容性或Video.js的配置有关。以下是一些可能的解决步骤和原因分析： 1. 检查视频编码 MP4视频支持多种编码格式，但并非所有编码都能在所有浏览器或播放器中无缝播放。特别是，AVC（H.264）编码是广泛支持且被认为是MP4的标准编码。如果视频使用的是其他编码（如MPEG4(DivX)、MPEG4(Xvid)等），可能会出现兼容性问题。使用 H264视频编码和 AAC音频编码示例：

HTML5中视频标签学习中出现只显示声音而没有画面的情况。

Huui_的博客

06-22

2042

在html中，视频标签画面的不显示原因之一：html只支持MP4的H264的编码格式

解决关于HTML，video标签显示MP4只有音乐没有图像

weixin_34326429的博客

10-23

1272

2019独角兽企业重金招聘Python工程师标准>>> ...

HTML5 video标签（播放器）学习笔记（一）:使用入门

09-28

HTML5的`<video>`标签是现代网页开发中的一个重要元素，它允许开发者在网页上嵌入视频内容，无需依赖Flash或其他第三方插件。这篇学习笔记主要介绍了`<video>`标签的基本使用，包括如何初始化视频播放器，设置视频源...

HTML5 Video标签的属性、方法和事件汇总介绍

09-28

HTML5 Video标签是现代网页开发中的重要组成部分，它允许开发者在网页中嵌入视频内容，提供了丰富的交互功能。本文将详细介绍HTML5 Video标签的属性、方法和事件。 **1. 标签属性** - `src`: 视频资源的URL，用于...

html video 修改封面,html5自定义video标签的海报与播放按钮功能

weixin_29864813的博客

06-04

1216

一、问题1.默认播放按键不好看2.设置自定义封面图以上这两点都想自定义二、思路1.使用div把video标签盖住2.div中显示自定义的海报图片与按钮三、步骤分解1.海报图片作为div的背景注：无论是横图还是竖图，都希望按原比例显示在div内css:.yourDiv{background-color: black;height:20em;background-image: url('./image...

解决！html中使用video标签调用本地视频结果只有音频没有视频画面

weixin_46281068的博客

11-10

3129

解决，html中video标签使用了，效果却还是audio的，这里直接解决。快来看看吧

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播放

关于h5 video标签只显示音质没有画面的问题

qq_36990886的博客

03-30

562

根据工作需求，需要将一个flv格式的视屏放在手机显示,本人用到h5的video遇到相关的几个问题，跟大家分享一下 1，使用flv视屏转换器将flv格式的视屏转化为MP4的格式； 2，发现只有音质没有画面，MP4的编码格式有3种mpg4(xdiv),,mpg4(xvid)，avc(h264)

关于VideoView有声音没有视频是问题

ButtonXin的博客

11-21

3233

找了一大堆方法…最后只需要 mVideoView.setZOrderOnTop(true);就显示出来了….

HTML5 video标签播放本地视频只有声音没有图像解决办法

热门推荐

飞龙在天

04-27

3万+

HTML5 video标签播放本地视频只有声音没有图像解决办法

H5的video标签在网页上播放MP4视频时只有声音没有画面

weixin_30413739的博客

01-30

1238

最近做一个项目时，发现mp4文件播放时没有图像，只有声音，代码检查了N次，都没有问题，就算是直接使用网上的实例代码，也只能播放实例视频，mp4文件绝对路径，相对路径也都试了，还是不能播放我的mp4. 最后才想到可能是mp4文件本身的问题，查询了一下 mp4的视频编码有三种：MPEG4(DivX)，MPEG4(Xvid)，AVC(H264) 只有AVC(H264)编码格式的mp4才可以在网...

html5 video移动端隐藏,浅谈html5 video 移动端填坑记

weixin_30039311的博客

06-03

543

本文介绍了html5 video 移动端填坑记，分享给大家，具体如下：style="object-fit:fill"autoplaywebkit-playsinlineplaysinlinex5-video-player-type="h5"x5-video-player-fullscreen="true"x5-video-orientation="portraint"src="video.mp4"...

html中video标签用法

09-20

video标签用于在网页中嵌入视频，其基本语法如下： ```html <video width="宽度" height="高度" controls> <source src="视频文件地址" type="视频文件类型"> 您的浏览器不支持 video 标签。 </video> ``` 其中，`width`和`height`属性指定视频的宽度和高度。`controls`属性表示是否显示控制条。`<source>`标签用于指定视频文件的地址和类型，可以提供多个`<source>`标签，浏览器会自动选择支持的文件类型进行播放。最后一个`<video>`标签内部的文本表示在不支持HTML5的浏览器上显示的提示信息。