javascript - 根据 AJAX GET 的响应播放视频

Question

我有一个服务器应用程序，它根据 AJAX GET 请求返回 HTML 5 视频 URL。如何在客户端渲染此 URL 并在视频标签中播放

Answer 1

在成功的 ajax 请求后，您可以轻松地在视频标记内添加源元素。 (在这个例子中我省略了ajax请求，但是您可以在下面的代码中轻松使用AJAX请求返回的URL)

var video = document.getElementById('video');
var source = document.createElement('source');

source.setAttribute('src', 'http://www.w3schools.com/html/mov_bbb.mp4'); //use your AJAX response URL here.

video.appendChild(source);
video.play();

演示:https://jsfiddle.net/f990cmem/