jQuery Youtube video gallery Plugin Demos

Demo

Usage

intro





Settings



    

    

        Property
        Supported values
        Default
        Description
    

    

        apiFallbackUrl
        
        
        Fallback URL, used in conjunction with apiUrl.
    

    

        apiUrl
        
        
        Generate youtube gallery form youtube API URL (must be json format, see API docs)
    

    

        assetFolder
        
        
        The folder where the play button graphic is located
    

    

        fancybox
        
        
        If you are using the fancybox plugin, you can pass in the fancybox settings. See fancybox for more info.
    

    

        iframeTemplate
        
        <iframe title="Youtube video player" id="youtube-videogallery-iframe" style="height:{options.innerHeight}px;width:{options.innerWidth}px;" frameborder="0" src="about:blank"></iframe>
        
    

    

        innerHeight
        
        344
        Height of the video, if using a lightbox
    

    

        innerWidth
        
        425
        Width of the video, if using a lightbox
    

    

        newWindow
        
        (opens in a new window)
        Message to append to links if not using a lightbox
    

    

        playButton
        
        [email protected]
        The name of the play button image which should be in the folder specified by the assetFolder propertie
    

    

        plugin
        colorbox
fancybox
self
none		
        self
        
            The default setting creates a basic lightbox. 

            Use colorbox to create a nice, customisable lightbox.
            

            Set to 'none' to preserve the direct links to youtube.
        		
    

    

        showTitle
        true
false		
        true
        Determines if titles should be shown
    

    

        style
        
        compact
        Different display options.
    

    

        titleLimit
        true
false		
        true
        Truncate title, only allow title to use one line
    

    

        videos
        
        
        Array of objects containing id and title. Use if you want to create a gallery from JSON
    

    

        urlEmbed
        
        http://www.youtube.com/embed/$id
        Link to youtube embed url
    

    

        urlImg
        
        http://img.youtube.com/vi/$id/0.jpg
        Link used to create the gallery image. To use bespoke images
        put them on your server and use the video ID in the URL.
    

    

        urlLink
        
        http://www.youtube.com/watch?v=$id
        Default youtube link url