php - 来自 PHP 块响应的 HTML5 视频标签，可能吗？

Question

是否可以使用 PHP 服务块响应返回的 HTML5 视频标签读取视频？

我想要实现的是在一个响应中返回从 3 个不同的视频文件创建的响应。

提前致谢！

Answer 1

一种选择是使用视频元素的“结束”事件来加载第二个视频。像这样的东西应该工作。您可能需要使用 XMLHttpRequest 来获取新视频的 url 等。

var vid = document.getElementById("your-video-element");
vid.addEventListener("ended", function() {
   vid.src = "new video url";
   vid.play()
});

如果您需要立即开始播放，您可以提前在另一个不可见的视频元素上排队以将其缓存。这将在同时加载两个视频时使用更多带宽。

var vid = document.getElementById("your-video-element");
var nextVid = document.createElement("video");
nextVid.src = "second video url";
nextVid.preload = "auto";
vid.addEventListener("ended", function() {
    vid.src = nextVid.src;
    vid.play();
});

设置preload = "auto"并不能保证浏览器会预加载视频，而是由浏览器决定。