Question

我正在尝试通过3 5 14 15 16 10 10 17 17 20 15 30 12 16 16 16 20标签向HTML页面添加短视频（少于3秒）。是否有可能减少控件的隐藏时间？

Answer 1

您是否要完全隐藏控件？

如果您从视频代码中省略了“控件”属性，则该属性将不会在视频中呈现它们，请尝试在此处将其删除：https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_video_controls

如果您仍然想要控件，那么我将添加一些自定义按钮/链接并使用JS切换播放/暂停。不知道这是否是您所需要的，您能具体一点吗？：-）

Answer 2

欢迎使用StackOverflow！希望这段代码对您有所帮助。请确保更改<video>标记中的宽度和高度以适合您的需要，并记住您必须正确调用src=中视频的路径并将它们放在引号中，以便它可以正常工作！

通过在<video>标记中不包括“控件”，则这些控件不应出现。 autoplay="autoplay会自动播放您的视频。

HTML

<video width="320" height="240" autoplay="autoplay">
  <source src="yourpathherepath/videofilename.mp4" type="video/mp4" />
  <source src="yourpathherepath/videofilename.ogg" type="video/ogg" />
  Sorry! Your browser isn't compatible with the Videos on our website!
</video>

CSS

我在上面放了一点CSS，以便用户甚至无法单击视频来控制它们。您可以尝试一下，看看是否要使用它！

video{
  pointer-events: none; /* Disable any user interaction at all */
}

幸运的是，将来最好使用codepen.io之类的网站来尝试您的代码，然后这里的人们可以观看实时演示并帮助您找到解决方案！

HTML视频播放器隐藏控件的时间

2 个答案: