html5 video不能播放 能播放声音不能播放视频

最新推荐文章于 2023-02-24 11:32:06 发布
最新推荐文章于 2023-02-24 11:32:06 发布
阅读量1.3k 收藏
点赞数

html5 video不能播放，能播放声音不能播放视频，黑屏；

浏览器播放视频的支持有限，MP4格式的视频只支持h.264的视频；

视频编码： AVC1 - 内置 FFmpeg 解码器(h264) 可以播放；

视频编码： mp4v - 内置 FFmpeg 解码器(mpeg4) 不可以播放；

检查视频的格式；用PotPlayer打开视频，右键-属性，可以看到视频编码；


html5 video不能播放 能播放声音不能播放视频


用格式工厂转换格式为h264；

html5 video不能播放 能播放声音不能播放视频
转换后用html5 video网页打开，可以播放



本文转自：https://jingyan.baidu.com/article/48b558e335d0ac7f39c09a66.html

rosener
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
php网站不支持视频,HTML5上传视频无法播放以及兼容的解决方法（图）
weixin_34529812的博客
03-13 692
一、视频无法播放原因分析1、路径不对在images前面不加斜杠，使用相对路径，不要使用绝对路径2、视频格式不对解决方法：当前，video 元素支持三种视频格式：格式 IE Firefox Opera Chrome SafariOgg No 3.5+ 10.5+ 5.0+ NoMPEG 4 9.0+ No No 5.0+ 3.0+WebM No 4.0+ 10.6+ 6.0+ NoOgg = 带有 ...
HTML5页面音视频在微信和app下自动播放的实现方法
09-28
现在大部分的H5页面都有实现播放背景音乐，播放视频功能。那怎么实现自动播放呢？下面小编给大家带来了HTML5页面音视频在微信和app下自动播放的实现方法
HTML5中的video标签，无法播放视频问题
互联网咸鱼的博客
08-21 1万+
首先说一下我在使用video标签时遇到的问题 1.在页面打开视频，第一次打开页面无法播放视频（根本就没有加载），第二次打开才能播放 2.播放的视频不是想要看到的，浏览器F12后看到地址确实改变了，但是播放的视频还是第一次打开时的那个视频 可能我的描述有点不清晰，可是我尽力了。。。。 直接说解决方法吧，也算是一种使用指导 解决方法 （重点！！！仔细品读）src属性应该放在video标签中，而不是vi...
HTML5播放视频autoplay不起作用-HTML5视频不自动播放
weisico.com的博客
04-08 6393
初学HTML5视频播放的同学，可能大多数都会遇到这样一个问题：按照教程写的代码，添加了autoplay属性，为什么视频还是无法自动播放？ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5视频自动播放</title> </head> <body> <video width="320" height="240" contro
解决HTML5 不能自动播放视频的问题
Williams山石的博客
05-19 1万+
有个需求，客户想做个打开官网自动播放一段视频，楼主使用了video标签，即下面的代码： &amp;lt;div class='popup_video'&amp;gt; &amp;lt;video id=&quot;myVideo&quot; style=&quot;z-index:-1&quot; width=&quot;100%&quot; -webkit-playsinline=&quot;true&a
关于HTML5中Video标签无法播放mp4的解决办法
大海无量的博客
09-30 1万+
转载：https://blog.csdn.net/huangchao064/article/details/46553871 https://blog.csdn.net/sundasheng44/article/details/45823657
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
10-15
在微信小程序中，开发者可以利用`<video>`组件来实现视频播放功能，并且可以根据需求进行高度定制。在本文中，我们将深入探讨如何在微信小程序中实现自定义播放按钮、封面图以及在视频封面上添加文案。 首先，让...
HTML5视频播放功能
03-22
在HTML5中，我们可以通过使用`<video>`标签轻松地在网页上嵌入视频，实现各种播放控制，比如播放、暂停、快进、快退、调整播放速度、调整音量以及全屏播放等。 首先，`<video>`标签是HTML5中的核心元素，用于在网页...
HTML5的Video标签有部分MP4无法播放的问题解析（多图）
11-21
如下图，我选择MP4格式转换，里面的配置文件也调了很多遍，但是就是播放不了，IE10完全没反应，谷歌倒是能出声音，但是影像出不来。 2、我直接在文件右击属性里面看文件属性-详细信息，基本都一样。 3、我用pot...
vue-video-player实现实时视频播放方式(监控设备-rtmp流)
10-14
<div v-if="videoSrc === ''" class="no-video">暂未播放视频 <video-player v-else class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options="playerOptions"> </video-...
Video 标签无法播放 mp4 的原因和解决办法
皮蛋很白的博客
02-24 1万+
用 QQ 的截图录屏功能录制的 mp4 视频，无法用 video 标签正常播放
用video-react插入视频
qq_39100704的博客
07-09 2155
一. 在react中引入 下载视频插件 npm install –save video-react 或yarn add video-react 引入 import { Player } from ‘video-react’; import “node_modules/video-react/dist/video-react.css”; //渲染样式 调用 <Player re...
Html5 video 标签中视频有声音没画面问题解决过程
哈哈虎的博客
10-26 1万+
Html5 video 标签中视频有声音没画面问题解决过程 一、问题： mp4视频标准 h264 格式的没有问题，mpeg4-V 格式的只有声音。不出画面 二、分析 1、我们无法限制用户使用什么设备上船，pc、android手机还是ios手机 2、不同设备缺省视频格式不一样 3、就算同一种设备，不同软件制作的视频格式也不一定完全一样 4、php上传只能设置视频文件大小和文件后缀等，不
H5播放器标签video播放mp4格式有声音没有图像解决方法
liukai6的博客
03-01 3998
在使用h5的video标签播放视频很方便,但是有时会出现有声音没有图像的情况,这个时候我们考虑一下视频编码的问题下载转换工具,对视频进行格式的变化,视频编码选择AVC(H264)这样就可以直接播放了,还可以对很多配置进行转换
html5中video视频只有声音没有图像
wjm0519的博客
04-24 3955
解决方案： 1、使用视频标签； 1 2 3 <video width="352"height="264"controls autobuffer> <source src="video/hjh.mp4"type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>&l...
关于h5 video标签只显示音质没有画面的问题
qq_36990886的博客
03-30 543
根据工作需求，需要将一个flv格式的视屏放在手机显示,本人用到h5的video遇到相关的几个问题，跟大家分享一下 1，使用flv视屏转换器将flv格式的视屏转化为MP4的格式； 2，发现只有音质没有画面，MP4的编码格式有3种mpg4(xdiv),,mpg4(xvid)，avc(h264)
页面中插入视频的方法---video/embed/iframe总结
热门推荐
极客神殿
04-22 2万+
1. video标签 当前主流的方法当然是HTML5中的video标签了，但是 当前，video 元素只支持三种视频格式： Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 如果你的视频文件是m...
html 视频插入（利用Video元素）
A1399108257的博客
02-21 6333
在 HTML 中播放视频的方法有很多种，可以使用embed 、 object标签，或者使用 HTML5 video 元素。但实际上在使用前两个标签时，如果浏览器不支持 Flash，那么视频将无法播放。这里摘录利用Video元素实现视频播放的方法。 摘录自菜鸟教程HTML 视频（Video） 利用video元素实现视频插入 实例 <video width="320" height="240" controls> <source src="movie.mp4" type="video/m
html中video标签只能播放声音 不能播放视频
最新发布
06-13
不是的，HTML中的`video`标签可以播放视频文件，而不仅仅是声音。`video`标签支持多种格式的视频文件，如MP4、WebM、Ogg等。通过在`video`标签中指定视频文件的路径和文件名，可以在网页中嵌入视频文件并进行播放。与`audio`标签类似，`video`标签也支持多种属性来控制视频的播放、暂停、音量等。所以，`video`标签可以用来播放视频，而不仅仅是声音。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值