如何从 iframe 中删除下载视频选项答案

【问题标题】：How to remove download video option from an iframe如何从 iframe 中删除下载视频选项
【发布时间】：2022-01-16 07:05:57
【问题描述】：

我目前正在使用 Linux 来解决这个问题，并使用 apache 在我的 Windows 系统上查看它。它只发生在 Linux 和 Windows 中。如果我运行此代码，它会按预期运行，并且它也可以在 Linux 浏览器中运行。但是当我尝试在 Linux 的 Windows 浏览器中运行它时，它会显示“下载选项”。

$(document).ready(() => {
  $('video').attr('controlsList', 'nodownload');
});

video::-internal-media-controls-download-button {
  display: none;
}

video::-webkit-media-controls-enclosure {
  overflow: hidden;
}

video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<li><a href="Recordings/abc.webm" target="video">Session 1 </a> </li>
<div id="frame" style="width:100%;height:100%">
  <iframe id="frame-id" style="height:89vh;width:100%;" name="video" allowTransparency="true" frameborder="0" controls controlsList="nodownload">
    <video autoplay playsinline style="pointer-events: none;">
      <source src="Recordings/abc.webm" type="video/webm">
    </video>
  </iframe>
</div>

显示下载选项的输出

【问题讨论】：

iframe 有 src，只要浏览器不支持 iframe，iframe 标签内的内容才会显示
您的控件列表应该在<video> 标签上，而不是<iframe>，也不知道为什么要将视频包装在 iframe 中？见stackoverflow.com/questions/58194047/…和stackoverflow.com/questions/54507905/…

标签： html video iframe

【解决方案1】：

试试这个：

video::-internal-media-controls-download-button {

display:none;

}

video::-webkit-media-controls-enclosure {

overflow:hidden;

}

video::-webkit-media-controls-panel {

width: calc(100% + 30px); /* Adjust as needed */

}

audio::-internal-media-controls-download-button {

display:none !important;

}

audio::-webkit-media-controls-enclosure {

overflow:hidden !important;

}

audio::-webkit-media-controls-panel {

width: calc(100% + 30px) !important;

}

来源：https://www.codegrepper.com/code-examples/css/disable+download+video+in+iframe

【讨论】：

感谢您花时间回答，但它仍然显示下载选项。