0

JavaScriptを使用してビデオを読み込もうとしていますが、エラーが発生します...

コード：

<script src="mediaelement/build/mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="mediaelement/build/mediaelementplayer.min.css" />
<video controls="controls" preload="none" id="dinamic-video">
</video>
<script>
    var player = new MediaElementPlayer('dinamic-video');
    $('#btn-play').click(function(){
        player.setSrc('mediaelement/media/teste-html5-MP4.mp4');
    });
</script>

エラー：

Uncaught TypeError：オブジェクト＃にはメソッド'setSrc'がありません

どうすれば正しく実行できますか？！

---リカルダスの答えについての詳細を配置するために編集---

動作しません...

コールバックの成功も実行せず、ビデオをロードしません

var player;
$(document).ready(function(){
    var player = new MediaElementPlayer('video', {
        features: ['playpause', 'progress', 'duration', 'volume'],
        success: function (mediaElement) { 
            console.log(mediaElement);
            var sources =[{ src: "mediaelement/media/teste-html5-MP4.mp4" }];
            mediaElement.pause();
            mediaElement.setSrc(sources); 
            mediaElement.load();
        }
    });
});
4

1 に答える 1

0

これは、オブジェクトにすべての mediaelement メソッドとプロパティを含める必要があることを JavaScript に指示しない限り、setSrc()が実際には mediaelement オブジェクトのメソッドではないために発生します。まず、 document.ready();でメディア要素を動的に作成する必要があります。念のために。これは例です:

 var player;

    $(document).ready(function() {

    player = new MediaElementPlayer('#dinamic-video', {
        features: ['playpause', 'progress', 'duration', 'volume'],
        success: function (mediaElement) { 

    var sources = [{ src: "mediaelement/media/teste-html5-MP4.mp4" }];
       mediaElement.setSrc(sources); 
       mediaElement.pause();
       mediaElement.load();

         }

    });

});
于 2013-02-20T12:58:22.620 に答える