html - 如何解决在转换视频时不显示下载和画中画选项？

Question

单击视频右下角的垂直 ... 时，下载和画中画选项不显示。有没有人有解决方案。

<div style='transform:translate(0px,0px)'>
<video width="400" controls>
  <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
  <source src="https://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
  Your browser does not support HTML video.
</video>
</div>

Answer 1

看起来这是铬中的一个错误，已经报告了将近一年。当您有足够的窗口高度时，它可以被复制。

如果您不想等到补丁发布，您可以使用画中画 API实现自己的控制元素。

顺便说一句，由于此错误与窗口高度有关，因此一个 hacky 解决方法是将 HTML 内容嵌入到 iframe 元素中（使用srcdoc），但我不建议在生产中这样做。