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><video>。