Question

这是我的代码的一部分：

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

知道为什么会这样吗？

Answer 1

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

返回标准HTML video元素。你需要使用：

var myPlayer = _V_("example_video_1");

获取VideoJS对象。

Answer 2

src是一个“DOMString”，而不是一个函数。

请参阅https://developer.mozilla.org/en-US/docs/DOM/HTMLMediaElement

反映src HTML属性，其中包含要使用的媒体资源的URL。 Gecko实现了类似于流的功能：mozSrcObject。

myPlayer.src = videoMP4;

如果要指定多个（类型化）源，则需要将DOM元素创建为myPlayer的子元素。

Answer 3

更改来源和类型：

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

video.js .src（）函数无法识别

3 个答案: