jquery - ファンシーボックス付きのjwPlayer

Question

はい、似たような質問がたくさんあることは知っていますが、私にとっては役に立ちませんでした。私はこのような状況を持っています:(含まれているjwplayer.jsとfancyBoxに関するすべてのもの)

< a class="jwVideo" href="" rel="group" > Preview < /a >


$(function() {    
    $(".jwVideo").click(function() {
           $.fancybox({
                'padding' : 0,
                'autoscale' : false,
                'transitionIn' : 'none',
                'transitionOut': 'none',
                'title'  : this.title,
                'width'  : 640,
                'height' : 385,
                'href'    : this.href,
                'type'    : 'swf',
                'swf'   : { 'wmode':'transparent', 
                            'allowfullscreen':'true' 
                }
            });
            return false;
        });
    });

まさにこのスクリプトの「テンプレート」が必要なので、私の質問は、たとえばhttps://bla-bla.something1.amazon.com/video_1.mp4にあるビデオを再生するために href 属性を調整する方法です。

ありがとう。

編集：助けてくれたJFKとEthanに感謝します。私は問題を解決しました。

解決：

//html
<a class="jwVideo" href="https://bla-bla123.com/video_1.mp4" rel="group"> Preview </a>
//js
$(function() {
    $("a.jwVideo").click(function() {
        var myVideo = this.href; // Dont forget about 'this'

        $.fancybox({
            padding : 0,
            content: '<div id="video_container">Loading the player ... </div>',
            afterShow: function(){
                jwplayer("video_container").setup({ 
                    file: myVideo,
                    width: 640,
                    height: 385 
                });
            }
        });
        return false;
    });
});