2

ここに私のコードの一部があります:

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 

なぜこれが起こるのですか?

4

3 に答える 3

7

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

video標準の HTML要素を返します。以下を使用する必要があります。

var myPlayer = _V_("example_video_1");

VideoJS オブジェクトを取得します。

于 2013-01-09T14:59:39.603 に答える
2

ソースを変更して、次のように入力します。

myPlayer.setAttribute("src", videoMP4);
myPlayer.setAttribute("type", "video/mp4");
myPlayer.load();  # Force video refresh...
于 2013-01-09T14:59:50.237 に答える
1

src は「DOMString」であり、関数ではありません。

https://developer.mozilla.org/en-US/docs/DOM/HTMLMediaElementを参照してください

使用するメディア リソースの URL を含む src HTML 属性を反映します。Gecko は、ストリームで利用できる同様の機能を実装しています: mozSrcObject.

myPlayer.src = videoMP4;

複数の (型指定された) ソースを指定する場合は、myPlayer の子として DOM 要素を作成する必要があります。

于 2013-01-09T14:59:44.237 に答える