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

Question

我正在尝试通过<video>标签将短视频(少于3秒)添加到html页面。有没有可能减少控件的隐藏时间？

Answer 1

您是否正在尝试完全隐藏控件？

如果您在视频标记中省略了"controls“属性，它将不会在视频上呈现它们，请尝试在此处删除它：https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_video_controls

如果你想继续使用控件，那么我可以添加一些自定义按钮/链接，并使用JS来切换播放/暂停。不确定这是否是你需要的，你能更具体一点吗？:-)

Answer 2

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

如果不在<video>标签中包含" controls“，那么这些控件就不应该出现。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这样的网站来试用你的代码，然后这里的人们可以看到一个现场演示，并帮助你找到解决方案！