首页 > 解决方案 > HTML5 视频 // 需要在视频上方隐藏“1:00”

问题描述

我有一个只是装饰性的视频英雄,所以不需要任何控件。这是我的标记:

<video autoplay loop muted playsinline class="video-desktop" poster="#">
  <source src="<?=IMG_URL?>/homepage/2021/demo-video.mp4" type="video/mp4">
  <!-- <source src="#" type="video/webm"> -->
</video>

我的问题是这个随机的“1:00”被注入到视频的左上角,就像在这个例子中一样: screenshot

当我检查时,我看到该元素的 id 为“控制器”,但 #controller {display:none} 并没有隐藏它。我猜这是因为它的标记在页面/视频加载后被注入?

那么,什么是摆脱 1:00 事情的有效且简单的方法呢?

我是一名新手开发人员,所以我很感激任何帮助!

编辑:我在桌面上,使用 macOS Mojave 10.14.6 和 google chrome 版本 90.0.4430.212

没关系,我刚刚意识到这是由我多年前安装的 Chrome 扩展程序(视频速度控制器)添加的,因此它不是视频标签的默认设置。留下这个问题,希望能帮助像我一样无能的人,哈哈。

标签: htmlvideohtml5-video

解决方案


推荐阅读