video标签不显示视频只有进度条

最新推荐文章于 2024-06-02 00:39:37 发布
最新推荐文章于 2024-06-02 00:39:37 发布
阅读量2.4k 收藏 1
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LingSnow1019/article/details/115179076
版权

新需求的模块上有个上传视频并预览的功能，我自己用自己的电脑测试视频都能播放，但测试却指了我视频不能播放的bug，因为测试的视频跟我自测的都是mp4格式的，所以基本可以排除视频格式的问题。然后我去教程上查看了video标签才发现端倪

MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器

才知道原来还有视频编码这一说，然后我用qq影音查看了两部视频的编码

我电脑的视频
测试的视频
第一个是我电脑的视频，第二个是测试的视频。第二个很显然视频编码并不支持video标签mp4格式的编码规范
要想解决的话只能换播放器或者更改视频的编码格式

LingSnow1019
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
upload_video:用于上传视频的 Drupal 6 模块
07-22
在 upload_video 模块中，JavaScript 可能用于实现文件预览、进度条显示、错误提示等功能，这些都是交互式上传体验的关键部分。 5. **Drupal 6 兼容性**： - 由于该模块是针对 Drupal 6 设计的，因此必须遵循 ...
视频列表播放
08-07
- 预加载：通过设置 `<video>` 标签的 `preload` 属性，可以控制视频在用户播放前加载的程度，以平衡加载速度和数据消耗。 - 缓存策略：利用浏览器的缓存机制，可以通过 HTTP Cache-Control 或 Service Worker ...
MP4视频在本地可以播放但是使用html5的video多媒体播放标签不能正常播放只有一个进度条而不显示图像？
aiwoya213的专栏
08-20 3508
By default most modern browsers will try to download the video files unless the video file interacts with the inbuilt video player. 默认情况下，除非视频文件与内置视频播放器进行交互，否则大多数现代浏览器都会尝试下载视频文件。 虽然文件是MP4格式文件，但是...
video 视频 无法播放 只有进度条和声音 ，没有 画面
qq_34297848的博客
11-14 3238
用格式工厂转换视频格式，mp4的视频编码有三种：MPEG4(DivX),MPEG4(Xvid),AVC(H264)，转换成AVC(H264)编码，就能正常播放。 原文地址：http://www.mamicode.com/info-detail-887494.html ...
微信小程序开发使用video标签黑屏、不显示、无法播放视频
最新发布
2303_76868290的博客
06-02 1186
一开始我是插入的的本地视频，但发现可能文件过大需要分片，比较麻烦。⑥然后，在微信小程序开发中对应的代码index.wxml文件中。②上传之后，等审核成功后，在个人中心打开视频，① 我们可以将视频上传到云端（比如好看视频）将刚复制的对应代码粘贴到对应src中即可。⑤ 复制“Video url”⑧然后重新编译一下就饿可以了。希望可以帮助大家解决问题。
HTML5中的video标签（无法显示画面）
热门推荐
Iloveyougirls的博客
02-26 2万+
一、HTML5中的支持的浏览器及视频格式 标签定义视频，比如电影片段或其他视频流。 目前， 元素支持三种视频格式：MP4、WebM、Ogg。 注意：IE8及以前的版本 不支持标签 重点来了，有时候我们使用的是MP4格式的视频，但是没有视频画面。 那是因为MP4也有很多编码格式，标签支持的格式如下： MP4 = MPEG 4文件使用
html5 video动态展示视频不显示问题
qq_41820599的博客
03-10 1857
这个形式视频没有显示，所以使用了computed属性 <span v-if="type===3" v-html="videoSource" /> computed: { // 计算属性的 getter videoSource: function() { // `this` 指向 vm 实例 return `<video controls autoplay width="360" height="640"><source src="${t.
一些浏览器播放视频的时候进度条有动，画面是空白的
笋笋的博客
06-17 1599
不支持的写法： <video id="video" class="video" width="860" height="484" controls="controls" data-src="<%=_resRoot%>/video/fkw-promo.mp4?v=202104231453"> <p>咦，我发现您家的浏览器不支持该视频播放哦~~请升级更高版本，或用其他浏览器查看么么哒！</p> </video> 支持的写法： <vide...
video.js中控制进度条一直显示的解决方案
Fatfish_tree的博客
11-07 1481
*controls进度条一直显示*/
video标签-点击视频屏幕 播放视频，显示进度条
kirsten_z的博客
11-15 1万+
实现效果： 根据指定时间使用不同效果 点击video封面图片 播放视频 视频播放时显示进度条 示例代码： <div> @if(time() - strtotime('2016-11-17 15:30:00') < 0) <video src="/cdsassets/upload/video/20161117.mp4" x-webkit-airplay="true" webkit-
SpringBoot静态视频实时播放的实现代码
08-25
为了实现边加载边播放，我们需要确保`<video>`标签具有适当的属性，例如`controls`以显示播放器控件，以及可能的`preload`和`autoplay`属性来控制预加载和自动播放行为。前端代码可能如下所示： ```html <video ...
点击视频在弹出的小窗口中播放.rar
12-04
标题“点击视频在弹出的小窗口中播放.rar”所描述的是一种常见的网页交互功能，它允许用户在不离开当前页面的情况下预览或播放视频内容。这个功能通常涉及到HTML、CSS和JavaScript技术，其中HTML用于构建网页结构，...
FCK 上传视频
03-18
5. **视频预览**：上传成功后，编辑器应能展示视频预览，可能需要处理HTML5的`<video>`标签或者通过Flash插件实现。 6. **安全考虑**：确保只有授权用户可以上传视频，防止恶意文件上传和资源滥用。这可能涉及到...
控制 video 标签的控制栏组件（隐藏、显示进度条、播放按钮、全屏按钮等）
weixin_43422861的博客
08-17 5133
video
video标签实现视频播放和进度显示
yasinawolaopo的博客
09-25 3555
最近听了一首STAY的翻唱视频就有点想做一个简单的视频播放 先是html的编写: <video id="Shaun_video" class="Shaun_class" width="600px" > <source src="MP4路径" type="video/mp4"> </video> <p id="jindu">0</p> 第二步: var Shaun_video = document.getElemen
android播放器时间显示,Android 节操视频播放器jiecaovideoplayer自定义播放音频使用：屏蔽全屏按钮，增加倒计时，当前时间/总时间...
weixin_39842918的博客
05-26 426
一、屏蔽全屏按钮 找到JCVideoPlayerStandard.java文件中的代码：private void fixAudio() {if (SrcType.equalsIgnoreCase("Audio")) {//如果是音频，始终显示coverImageView//thumbImageView.setVisibility(View.VISIBLE);coverImageView.setVi...
video-09-video音频视频 进度条无法正常使用问题
大雾起了清晨
07-01 752
开发过程中遇到了，进度条无法使用，吓我一跳，还以为是开发有问题呢。
HTML - 解决 Audio 标签不显示问题
牧码的博客
10-21 7669
H5 的 audio 标签在不设置 controls 这个属性的情况下，那么他会默认的隐藏本身的空间，但是方法还能用。
本地视频上传到网页中无法，显示有进度条没有画面
_________blcx的专栏
08-07 3145
原因视频编码不对，将mp4视屏文件添加到格式工厂， 2.按照如图所示操作： 3.确定之后，上传在网页中就ok
video标签播放视频无法拖动进度条
07-28
您好！对于video标签播放视频无法拖动进度条的问题，可能有几个原因导致： 1. 浏览器支持问题：请确保您使用的浏览器版本是最新的，并且支持HTML5的video标签和相关属性。不同浏览器对于视频播放的支持程度可能有所不同。 2. 编码格式问题：请检查您所使用的视频文件的编码格式是否被浏览器所支持。常见的支持的编码格式包括MP4、WebM和Ogg等。 3. 视频加载问题：如果视频文件很大或者网络不稳定，可能会导致视频加载缓慢或者加载失败。这样就无法进行拖动进度条操作。您可以尝试使用较小的视频文件或者优化网络连接。 4. JavaScript代码问题：如果您在代码中使用了自定义的JavaScript代码来控制视频播放，可能存在代码错误导致无法拖动进度条。请检查代码是否正确，并确保相关事件和方法绑定正确。 如果以上方法都无法解决问题，建议您提供更具体的错误信息和代码示例，以便更好地帮助您解决问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值