Video.js .src()函数无法识别

video.js .src() function not recognized

本文关键字:识别 函数 js src Video      更新时间:2023-09-26

下面是我的部分代码:

var myPlayer = document.getElementById("example_video_1");
        if (content=="play()") {
                $('title').html("screen:"+content);
            myPlayer.play();
        }
        if (content=="pause()") {
                $('title').html("screen:"+content);
            myPlayer.pause();
        }
        if (content.indexOf("src(")!=-1) {
            var videoMP4 = content.replace("src(","").replace(")","");
            myPlayer.src({type: "video/mp4", src:videoMP4});
            // {type: "video/webm", src:videoMP4.replace(".mp4", ".webm")},
            //  {type: "video/ogg", src:videoMP4.replace(".mp4", ".ogv")}
            // ]
            myPlayer.play();
        }

暂停功能和播放功能工作正常。但是由于某些原因,当代码到达

myPlayer.src({type: "video/mp4", src:videoMP4}); 

我得到一个错误在我的控制台:

Uncaught TypeError: Property 'src' of object #<HTMLVideoElement> is not a function 

知道为什么会这样吗?

var myPlayer = document.getElementById("example_video_1");

返回一个标准HTML video元素。您需要使用:

var myPlayer = _V_("example_video_1");

更改来源并键入:

myPlayer.setAttribute("src", videoMP4);
myPlayer.setAttribute("type", "video/mp4");
myPlayer.load();  # Force video refresh...

src是一个"DOMString",而不是一个函数。

见https://developer.mozilla.org/en-US/docs/DOM/HTMLMediaElement

反映src HTML属性,包含要使用的媒体资源的URL。Gecko为流实现了一个类似的功能:mozSrcObject。

myPlayer。

如果你想指定多个(类型)源,你需要创建DOM元素作为myPlayer的子元素。