加载视频的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>。