HTML:( {$video['classVideo']} ) 是用户绑定完后第一次加载的url,是php写法
<video id="video" controls loop="false" width="100%"></video>
JS:这部分是hls.js的代码,{$video['classVideo']} 是第一次默认播放的url
var video = document.getElementById('video');
if(Hls.isSupported()) {
var hls = new Hls();
hls.loadSource("{$video['classVideo']}");
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
JS:这部分是用户切换地点,会像后台请求对应的url,之后在放入,之前是video.js播放,可以直接更换src,但是用hls.js不知道该怎么放入hls.js里了。
$.ajax({
type: "POST",
dataType: "json",
url: "/change",
data: {
oldstuNum: stunum,
stuNum: value
},
success: function (msg) {
//之前是video.js,直接复制给video.js的src就行了。
video.setAttribute("src", msg.classVideo);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
console.log(XMLHttpRequest.status);
console.log(XMLHttpRequest.readyState);
console.log(textStatus);
}
});