HTML5中的video标签，无法播放视频问题

最新推荐文章于 2024-07-24 16:35:26 发布

置顶行走的脚本

最新推荐文章于 2024-07-24 16:35:26 发布

阅读量1.1w

点赞数 3

分类专栏： HTML5 文章标签： html5 video标签前端页面

本文链接：https://blog.csdn.net/qq_35861007/article/details/99971752

版权

HTML5 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

首先说一下我在使用video标签时遇到的问题

1.在页面打开视频，第一次打开页面无法播放视频（根本就没有加载），第二次打开才能播放
2.播放的视频不是想要看到的，浏览器F12后看到地址确实改变了，但是播放的视频还是第一次打开时的那个视频

可能我的描述有点不清晰，可是我尽力了。。。。
直接说解决方法吧，也算是一种使用指导

解决方法

（重点！！！仔细品读）src属性应该放在video标签中，而不是video标签里的source标签
那么这句话什么意思呢，请结合图片去理解，就容易的多了

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

行走的脚本

关注关注

3
点赞
踩
4

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

video标签不能自动播放

qq_33067629的博客

05-14

727

Uniapp 转h5后 video不能自动播放，这是由于各浏览器做了限制，但是如果静音情况下是允许自动播放的。当调用video标签播放视频时，先调用audo.pause();在 script中创建一个。然后在做一个延迟处理播放。这样就能完美解决了。

Android的BUG（一） - HTML 5 播放streaming video造成卡住的问题

runfeel

06-18

331

这个bug，是google自带的问题。和见到的诸多android的疑难问题一样，这又是一个可以归类为多线程同步/状态机问题。问题处在NuPlayer的异步消息的handle中，现象和原因不细说了，被此BUG纠结的头大的，应该一看就明白。重现步骤：反复进入、退出html5的流媒体播放 (浏览器的UA设成Ipad模式，去如youku网、百度视频中去播视频)，会出现卡死情况卡住的原...

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

同一个播放源video刷新后无法再次播放

热门推荐

花海的专栏

03-27

1万+

这段时间做项目，用到了video标签，发现在edge里面正常播放视频，到了chrome、firefox里面无法播放视频。一开始以为是跨域问题，后来才发现是MP4格式编码方式的问题。video标签支持的是H.264方式编码的MP4文件。解决办法：（此方法适用于会用ffmpeg的同学）用转码工具，如ffmpeg。配置方式请参考： https://blog.csdn.net/yy3097/ar...

为什么使用html5播放器电脑会卡顿,电脑看视频卡顿是什么原因_电脑播放视频卡顿的处理办法－系统城...

weixin_39550379的博客

06-10

2053

在平时空闲时间很多小伙伴都会选择用电脑来观看视频放松自己，然而有的朋友却遇到了电脑看视频卡顿的情况，这什么原因造成的呢？我们又该怎么来解决呢？针对这一问题，今天系统城小编就来教大家关于电脑播放视频卡顿的处理办法。处理办法如下：方法一：排除宽带网速问题一般来说，周末和晚上，都是上网高峰时间段，网速就有点不好了，建议你避开这个时间段或者升级宽带，来解决视频卡的问题。如果宽带足够，你就可能是宽带出现问题...

移动端使用原生video标签不显示第一帧问题

m0_57121248的博客

09-12

1513

移动端不显示第一帧问题

解决html5中video标签无法播放mp4问题的办法

11-21

然而，由于不同浏览器对视频编码和格式的支持存在差异，可能会遇到视频无法播放的问题，尤其是在尝试播放由第三方工具如“格式工厂”转码后的文件时。本文主要讨论的是一个常见的问题，即HTML5的`<video>` 标签...

解决html5中的video标签ios系统中无法播放使用的问题

11-20

在HTML5中，`<video>`标签用于在网页上嵌入视频内容，提供了一种跨平台、标准化的方式展示多媒体资源。然而，在iOS系统的Safari浏览器中，有时会遇到无法播放视频的问题。这个问题主要与Safari浏览器对HTTP协议的...

HTML5的Video标签有部分MP4无法播放的问题解析（多图）

09-27

在该文中，作者通过更换为AVC编码格式重新进行转码，然后用Video标签播放视频时，问题得到了解决。此外，开发者还需要注意视频编码的配置文件（如比特率、分辨率、帧率等）设置。不恰当的编码配置也会导致视频在...

【HTML】HTML5 video播放有声音无图像的解决方法

九师兄

11-07

4609

如果以上方法都无法解决问题，建议尝试使用不同的视频播放器或者将视频文件转换为不同的格式，看看是否能够正常播放。不同的浏览器支持不同的视频编码格式，如果视频文件使用了不被浏览器支持的编码，可能会导致只有声音没有视频。而且奇怪的是我试过我们300M到1G之间的视频是有问题的，但是300M以下的，或者1G的视频都是没有问题的。如果你的计算机性能较低，可能无法处理较大的视频文件，导致只有声音没有视频。尝试减小视频的分辨率和帧率，或者使用更高效的压缩算法，以减小文件大小。这个我试过，采用不同的浏览器，都不行。

Android webview 加载html5 Video的视频，有时候出不来，该怎么办呢？

zzp880303的专栏

11-23

4892

通过几天不断的看webview 资料和不断尝试终于找到了几个关键点！第一: webview.resumeTimers(); 如果没有这行代码，会出现html5 页面加载到89%，不走了，在onpagefinished()方法里面返回about:blank第二： webView.setDrawingCacheEnabled(true); webView.buildDrawingC

video怎么重新加载 vue_vue 事件中更改video的src成功，视频不加载

weixin_36127428的博客

12-23

607

也试过改soucre，也是这个样子麻烦解惑，试了好几个小时了`HTML点击的地方@click="show3d('../assets/video/2.mp4')">插入视频的地方事件show3d(url) {var sourceDom = $('');$(".video").html();$(".video").append(sourceDom);$("#video-box").show();...

解决前端使用video标签在Chrome浏览器出现播放一次不能再次播放和不能拖动进度条问题

weixin_43225007的博客

03-30

4707

，然后我就直接把这个字符串放到video标签的src属性中，出现了两个问题：1.在Chrome浏览器不能再次播放（我尝试了FireFox浏览器是正常的，而这个需求只在Chrome浏览器内核上实现所以没有尝试其他浏览器。2.在Chrome浏览器上不能拖动滚动条。一下是我的解决办法。

部分 MP4 视频在谷歌浏览器无法播放

游戈程序员

12-10

1万+

部分 MP4 视频在谷歌浏览器无法播放本质上，html 是使用 <video>标签播放视频的，大部分的浏览器我相信都是支持的。但是今天遇到一个问题，在 APP 端拍摄了两段视频，一段可以播放，一段播放失败。排除了服务器、文件存储服务器的问题，怀疑过是前端代码写错了，怀疑是网速限制，视频被截断了。没想到最后究其原因居然是因为 mp4 的视频码流格式问题，谷歌浏览器不支持。 mp4 都是 mp4，然而这只是为了操作系统去识别哪些应用可以播放。实际内容需要看视频流的格式或者说编码，但是视频流

Video 标签无法播放 mp4 的原因和解决办法

皮蛋很白的博客

02-24

1万+

用 QQ 的截图录屏功能录制的 mp4 视频，无法用 video 标签正常播放

html5＜video＞使用踩坑记录

for_story的博客

12-22

1521

html5＜video＞视频加载失败绑定error事件一直不触发视频播放失败后再次点击播放

vedio标签播放视频，暂停一段时间再次播放，视频资源重新下载的问题处理

zxczero的博客

08-19

1444

vedio标签播放视频，暂停一段时间再次播放，视频资源重新下载的问题处理

html5补充（本地存储·）

cxuyuanLch的博客

03-04

336

HTML5语义化标签 HTML5新增的语义化标签主要有： article>、<section、<nav、<aside、<header、<footer、<time等等… 为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构语义化标准主要针对搜索引擎的新标签在一个页面中可以使用多次 IE9中需要把元素转换成块级元素移动端更喜欢用这些标签 H5新增标签不止上面这些准 HTML5 浏览器支持所有现代浏览器都支持 HTML5。此外，所有浏览器，不论新旧，

html中video标签只能播放声音不能播放视频

06-13

不是的，HTML中的`video`标签可以播放视频文件，而不仅仅是声音。`video`标签支持多种格式的视频文件，如MP4、WebM、Ogg等。通过在`video`标签中指定视频文件的路径和文件名，可以在网页中嵌入视频文件并进行播放。与`audio`标签类似，`video`标签也支持多种属性来控制视频的播放、暂停、音量等。所以，`video`标签可以用来播放视频，而不仅仅是声音。