视频地址使用blob：

最新推荐文章于 2025-06-02 20:24:20 发布

_gao88

最新推荐文章于 2025-06-02 20:24:20 发布

阅读量417

点赞数 3

CC 4.0 BY-SA版权

文章标签：前端 javascript

本文链接：https://blog.csdn.net/qq_41342444/article/details/136423884

本文介绍了一段JavaScript代码，通过XMLHttpRequest异步请求并处理MP4视频文件（test.mp4），展示了如何利用Blob对象和window.URL接口实现视频资源的动态加载和URL管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <script type="text/javascript">
    var video = document.getElementById("my-video");
    window.URL = window.URL || window.webkitURL;
    var xhr = new XMLHttpRequest();
    var play_url = 'test.mp4';
    xhr.open("GET", play_url, true);
    xhr.responseType = "blob";
    xhr.onload = function() {
    if (this.status == 200) {
    var blob = this.response;
    console.log(blob);
    video.onload = function(e) {
    window.URL.revokeObjectURL(video.src);
    };
    video.src = window.URL.createObjectURL(blob);
    }
    }
    xhr.send();
  </script>

关注博主即可阅读全文