iframe 加载视频在本地工作正常，但在服务器中不工作

Question

我有一个可调整大小的 iframe，用于加载本地视频。 当我直接从本地文件打开它时，视频加载完美，resiza 功能正常。

但是，当我使用本地服务器打开 html 时，iframe 中的视频不会加载，但会在浏览器中自动下载。为什么会这样？

<div id="resizable" class="ui-widget-content"><img class="arrow" src="Capture.png"><iframe height="235px" width="290px" class="iframe" src="The Best Glasses For Your Face Shape (1).mp4"></iframe></div>

<script>
  $(function() {
    $( "#resizable" ).resizable();
  });
  </script>

Answer 1

您需要使用<video> 标签来实际嵌入文件，而不是链接到它： 代替<iframe>，使用<iframe><video>。