javascript - 如何在没有后台的网站上预览本地视频文件?

标签 javascript html web html5-video frontend

<分区>

是否可以使用 URL.createObjectURL(fileName) 创建一个托管本地镜像文件的 URL,然后您可以将该 URL 放入 img标签。 如果不是针对视频文件,您会怎么做类似的事情,以便您可以在网站上预览视频文件,然后再将其发送到后端?

最佳答案

你可以这样做,

$(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 width="500" controls>
  <source src="my_video.mp4" id="video_here">
</video>

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

您可以从此处获得更多详细信息 get in detail

关于javascript - 如何在没有后台的网站上预览本地视频文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58427309/

相关文章:

javascript - 如何在淡入后立即重复显示当前时间?

javascript - 谷歌地图 Javascript 部分导致文本变为粗体

sockets - 以独立于浏览器的方式查看用户正在访问哪个网站

javascript - 子元素未添加到父元素(parent.appendChild)

JavaScript: 'Protected' 范围

javascript - 通过 javascript-jquery 将 html 字符串附加为表格行 (<tr>)

css - 将div的宽度调整为网站的宽度

html - 在没有一个 TD 的 TR 中上课

html - CSS - 用 div 填充页面(水平)

eclipse - Eclipse 在运行 Web 应用程序时如何工作