如何在没有后端的网站上预览本地视频文件？ [复制]

Posted 2023-05-07

【中文标题】如何在没有后端的网站上预览本地视频文件？ [复制]

【英文标题】：How do you preview a local video file on a website without a backend? [duplicate]

【发布时间】：2020-02-14 01:28:04

【问题描述】：

是否可以使用URL.createObjectURL(fileName) 创建一个托管本地图像文件的 URL，然后从那里，您可以将该 URL 放入 img 标记中。 除了视频文件，你会如何做类似的事情，以便在将视频文件发送到后端之前在网站上预览视频文件？

【参考方案1】：

你可以这样做，

$(document).on("change", ".file_video", function(evt) 
  var $source = $('#video_here');
  $source[0].src = URL.createObjectURL(this.files[0]);
  $source.parent()[0].load();
)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<video  controls>
  <source src="my_video.mp4" id="video_here">
</video>

<input type="file" name="file[]" class="file_video" accept="video/*">

您可以从这里get in detail获取更多详细信息

【参考方案2】：

试试

file:///C:/my/path/video.mpg

【讨论】：

您能否提供更多详细信息？