Question

是的，我知道有很多类似的问题，但我没有发现它们对我有帮助。我有这样的情况:(包括jwplayer.js和关于fancyBox的所有stuf）

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

我需要这个脚本的“模板”，所以我的问题是如何调整href属性来播放位于例如https://bla-bla.something1.amazon.com/video_1.mp4的视频。

感谢。

编辑：感谢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;
    });
});

Answer 1

如果你使用jquery库和fancybox与jwplayer版本6你会这样做

  $(function() { //this is much better then $(document).ready(function(){});

  $(".jwVideo").click(function(event) { //select class attribute jwVideo assigned to a tag
    var myVideo = $(this).attr('href'); // select the video link from a tag in jwVideo class

   //in the fancybox jwplayer setup code assign myVideo to file
    $.fancybox({
            maxWidth    : 800,
    maxHeight   : 600,
    fitToView   : false,
    width       : '70%',
    height      : '70%',
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none',
        content: '<div id="video_container">Loading the player ... </div>',
        afterShow: function(){
            jwplayer("video_container").setup({ 
                file: ""+ myVideo +"",
    image: "",
    width: '100%',
    aspectratio: '16:9',
    fallback: 'false',
    autostart: 'true',
    primary: 'flash',
    controls: 'true'
            });
        }
    });

    event.preventDefault(); //prevent default click..if this isn't here then browser will download the mp4 file instead of embedding jwplayer in fancybox
});


});

jwPlayer有花式盒子

1 个答案: