Javascript 视频Js动态加载源

嗨，我有一个应用程序，它有一个网格和一个js视频播放器。 目前，我正在用SQL数据库中的数据填充网格，每当单击一行时，我都会调用一个函数，该行调用存储过程并返回一个url，然后我使用该url更改源更改源。有趣的是，有了一个基本的HTML5视频播放器，我的代码可以很好地工作，但不适用于视频JS

我的密码-

function changesource(url) {

    var video = $("#vid1");
    video.src = url;
    document.getElementById('vid1').src = url;


 }
// calls the function for browse 
function getBrowseData() {
$.ajax({
    type: "post",
    data: JSON.stringify({
        archive_header_Key: testdata,
    }),
    url: "/Search.aspx/GetBrowseData",
    dataType: "json",
    contentType: "application/json",
    success: function (object) {
        response(object);
    },
    complete: function (object) {

    },
    error: function (object) {
    }
});
function response(object) {

        var obj = (object.d[0]["browse_file"]);

    var slashReplace = obj.replace(/\\/g, "/");
    var slashFinal = slashReplace.substring(10);
    var browsevalue = GetValue("BrowseServer");
    var slashfinal = "http://" + browsevalue + ":5060" + slashFinal;
    Location = slashfinal;
    $('#p1').text(slashfinal);     


    changesource(slashfinal);
}

}

var-Video=（“var-options={hidden:false}，mplayer=videojs（'vid1'）；mplayer.rangeslider（选项）；mplayer.showsslider（）；”；

---

如果您使用的是video.js，您需要使用它的API来设置源代码，我们将不胜感激。HTML5视频API不起作用，因为一旦video.js播放器初始化，id为

vid

的元素就不是视频元素

var video = videojs("vid1");
video.src(url);

Video.js将推断一些文件扩展名的视频类型，但最好包括以下类型：

---

不幸的是，这与我调用更改的方式不一样（我已经编辑了问题以将其包含在内）。关于的代码将替换您当前在

changesource（url）

中的内容。最初如何将视频元素添加到DOM中没有任何区别。嗨，所以我将函数更改为函数changesource（url）{var video=videojs（“#vid1”）；video.src（url）；}，但我在视频播放器中得到的只是找不到与此视频兼容的源。但是当我直接把链接放进去的时候，它就工作了。我还检查了它是否获得了正确的源代码。添加新源代码时是否需要刷新播放器？在

videojs（“vid1”）中没有。您无需重新创建播放机即可更改源。videojs（‘player-id’）从id为‘player’的视频元素创建一个video.js播放器并返回它，或者仅返回已经存在的播放器。
var video = videojs("vid1");
video.src(url);

video.src({
  type: 'video/mp4',
  src: 'https://example.com/myvideo.mp4'
});