0

フロー プレーヤーを使用してアンカー タグをクリックし、オーバーレイ ビデオ プレーヤーをロードしようとしています。オーバーレイが関数ではないという型エラーが発生しています。可能なすべてのバージョンを試しましたが、それでも問題は解決しません。私のhtmlコードは以下のようなものです

<a href="videos/myvideo.webm" title="my video" class="video" rel="video0"><img id="clip0" src="images/icons/playClip.png"/></a>
<a href="videos/myvideo1.webm" title="my video1" class="video1" rel="video1"><img id="clip1" src="images/icons/playClip.png"/></a>

        <div id="overlay">
            <a class="close"></a>
            <div id="player">&nbsp;</div>
        </div> <!-- this is my div to where i want a modal window type video popup -->

私のjavascriptは以下の通りです

$(function () {
var player = flowplayer("player", "js/flowplayer-3.2.16.swf"); 

$("a[rel]").overlay({
    mask: {
    color: '#000',
    opacity: 0.2
    },
    onLoad: function () {
    player.play(this.getTrigger().attr("href"));
    },
    onClose: function () {
    player.unload();
    }
});

});

誰でも解決策を手伝ってもらえますか?

TypeError: $(...).overlay is not a function
onClose: function () {
4

1 に答える 1

0

コンストラクター構文を使用します。

$f("a[rel]", "js/flowplayer-3.2.16.swf", {
    // invoked when player loads (not a clip specific event)
    onLoad: function () {
        player.play(this.getTrigger().attr("href"));
    },

    onClose: function() {
        player.unload();
    }
});

または jQuery 構文:

 $("a[rel]").flowplayer("js/flowplayer-3.2.16.swf", 
    {
    // invoked when player loads (not a clip specific event)
    onLoad: function () {
        player.play(this.getTrigger().attr("href"));
        },

    onClose: function() {
        player.unload();
        } 
  })

参考文献

于 2014-10-16T01:00:41.780 に答える