Flowplayer показывает ошибку наложения

Question

Я пытаюсь использовать потоковый проигрыватель для щелчка по тегу привязки, чтобы загрузить оверлейный видеоплеер. Это дает мне ошибку типа, что оверлей не является функцией. Я перепробовал все возможные версии, но проблема остается. Мой 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 () {

Answer 1

Используйте синтаксис конструктора:

$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();
        } 
  })

Рекомендации

• FlowPlayer: Flash JavaScript API