Video YouTube Vimeo Gallery V2

Activeden Video YouTube Vimeo Gallery V2 149570
Flash Template \ Video Players \ Video Galleries
Gallery \ Videos \ Youtube \ Player \ Preview \ UPDATE \ Example \ Playlist \ Height

Flash Template - Video YouTube Vimeo Gallery V2 149570 by ZoomIt @ Activeden

Flash Template \ Video Players \ Video Galleries

Support is no longer offered for this plugin. I recommend – by ZoomIt?ref=ZoomIt

Video Gallery Intro
The most advanced stock gallery in the world!

1. Three skins for you to choose from. So now it can fit perfectly in your site design.

2. Feeds from XML or FlashVars or from a xml set through FlashVars. Streams YouTube, Vimeo, videos hosted on a RTMP server or just on your local host. Wow!

3. Has html5 functionality so that it can display on iPhone / iPad.

4. Cross-browser compatible. Works on every major browser.

Video Gallery Features

- easy integration – in as3 site or html site

- multiple uses – can be used to play videos (.flv) or audio(.mp3) on your webhost, videos from youtube or vimeo , or even from your rtmp stream if you want to. Can be imported in your html page, WordPress blog ( search for the plugin at the end of the page ), in as3 template or imported in your as3 project etc.

- total freedom – customise buttons, activate scrollbar on/off, resize thumbs, everything is at your disposal with this gallery!

- full of choises – Supports flv, mp4, mp3 (audio ) and f4v for self hosted videos. Also YouTube and Vimeo videos – Also you canset up the gallery just by inputing your YouTube user/playlist in the ‘feed’ tag of the xml file. all descriptions/titles/thumbs/videos will be feeded directly from YouTube so you won’t need to write anything other then that

- hybrid – it can be a video player / example in the preview

- shuffle – shuffle your playlist to return random results

- plays from anything possible – play videos from youtube, from vimeo, from your rtmp server ( only red5 and fms supported ) or videos ( or audio ) you host on your webhost

- you can have 6 media types in the same gallery all 6 media types that the gallery supports can be added in the same gallery/playlist – audio,image,video,youtube,vimeo and rtmp

Documentation preview –

rvicary: Anyone thinking of buying this gallery, don’t hesitate. Great gallery and author is top notch, very very helpful.
ahegel: Thank you – this module is saving us a ton of time! Really appreciate the quick responses.
What do you get?

- /deploy – only folder you will need for importing this gallery in your html page

- /source – package for developers ( and for those who want to change the design )

- /readme - documentation, preview it here

- /examples – examples of some simple embeds with this gallery

- free updates! – even if the value of this gallery increases with upcoming updates, you will get them for free

- free support! – for installation via my forum -> this is the fastest form of support

List of Gallery Options

- totalWidth – gallery width (in pixels)

- totalHeight

- autoplay – autoplay the gallery

- autoplayNextVideo – autoplay the next video when the current one ends

- thumb – a image that you may want to showcase before the video starts ( works only if cueFirstVideo or autoplay is set to off )

- menuPosition – the gallery menu position; can be right , left , up , down or none ( if you want the menu to dissapear )

- scrollbar – can be on / off – a scrollbar that you may want to use instead of the normal no click method to scroll, useful if you have many many videos and you want the scroll to be more contralable – note: you may have to increase the html embed size too for the scrollbar to fit if you do not see it

- youtubeFeed – choose if the videos should be taken from a YouTube channel or playlist, the next 4 settings are relevant only if youtubeFeed is set to on

- youtubeFeed_user – you can have a user’s channel play here, you just have to enter his name ( example: digitalzoomstudio )

- youtubeFeed_keywords – filter only the videos which have this keywords ( separated by comma )

- youtubeFeed_playlistId – the playlist id if you want a playlist to play, this property overwrites youtubeFeed_user so you may want to leave it blank if you want the user channel to play instead

- suggestedQuality – choose from

- Quality level small: Player height is 240px, and player dimensions are at least 320px by 240px for 4:3 aspect ratio.

- Quality level medium: Player height is 360px, and player dimensions are 640px by 360px (for 16:9 aspect ratio) or 480px by 360px (for 4:3 aspect ratio).

- Quality level large: Player height is 480px, and player dimensions are 853px by 480px (for 16:9 aspect ratio) or 640px by 480px (for 4:3 aspect ratio).

- Quality level hd720: Player height is 720px, and player dimensions are 1280px by 720px (for 16:9 aspect ratio) or 960px by 720px (for 4:3 aspect ratio).

- Quality level hd1080: Player height is 1080px, and player dimensions are 1920px by 1080px (for 16:9 aspect ratio) or 1440px by 1080px (for 4:3 aspect ratio).

- Quality level highres: Player height is greater than 1080px, which means that the player’s aspect ratio is greater than 1920px by 1080px.

- Quality level default: YouTube selects the appropriate playback quality. This setting effectively reverts the quality level to the default state and nullifies any previous efforts to set playback quality using the cueVideoById , loadVideoById or setPlaybackQuality functions.

- cueFirstVideo – if you don’t want the player to start loading the videos and preserve bandwidth you can set this to off [ you can check example 2 where this is set to off ]

- shareButton – on or off

- shareButtonWidth – in pixels

- shareButtonHeight

- embedButton – on or off

- logo – optional logo to appear in top left ( you enter here the path to it )

- logoAlpha – choose a value from 0 to 1 for yout logo opacity

- logoLink – you can have a link redirect if the user clicks the logo

- streamServer – only for RTMP playback

- htmlEmbedCode – if you have enabled the embed button you can choose a code for your visitors to embed your player – default embed code structure is already defined in the xml

- keep_logo_on_fullscreen – choose on or off if you want to keep the logo on fullscreen

- shuffleOnStart – choose if the videos should be randomised at start

- deeplinking – enable deeplinking ( on video change the link changes to this format for the second video for example)

- defaultVolume – default: -1 – choose a default volume from 0 to 1 if you want the gallery to start with that every time. The gallery has advanced implementation that retains the users last volume and plays back at the same volume even if the user has closed the page with the gallery and visits it much later – so you should leave this to it’s defautl value

- scaleMode – fill or proportional , works only for local videos, rtmp, audio images, and images

List of parameters for each item

- source – the path of the file

- type – the type of the file -> can be vimeo / video / rtmp / image / audio or youtube

- description – the description if you want it appear on video pause

- title – the title that appears in the menu

- menuDescription – the description that appears in the menu

- thumb – the thumb that appears in the menu

- audioImage – only for audio type -> an optional image that shows when the music plays

Showcase – where clients used this gallery

Video Gallery Updates
UPDATE 4.01 [ 11/ 14 / 2013]

- [FIX] some bugs

- [TWEAK] now responsive

UPDATE 4.0.0 [ 02 / 27 / 2011 ]

- fixed some bugs

- added HD button for self hosted videos / youtube videos

- added instant thumbnail preview on the scrubbar

- added HTML5 Video Gallery as a bonus ( and mobile backup )

- redesigned description

- restructured documentation

UPDATE 3.1.0 [ 09 / 27 / 2011 ]

- fixed audio overlapping bug on next video play

UPDATE 3.1.0 [ 09 / 14 / 2011 ]

- added ‘controls do not overlay’ option in Designer Center

- fixed a bug where only the first video would play in youtubeFeed

UPDATE 3.0.0 [ 08.26.2011 ]

- all new Designer Center ( check it out here – )

- various options added in the xml

UPDATE 2.8.1 [ 30.07.2011 ]

- fixed a major bug when going fullscreen, opened

UPDATE 2.8 [ 30.07.2011 ]

Last update before next major release V3 – will include a design generator – exciting stuff, stay tuned

- updated documentation

- switched to FP10 and Flash CS4 minimum for vimeo to work fullscreen

- Vimeo finally works fullscreen because of this

- scaleMethod – fill or proportional – works only for video, rtmp, image or audio image

- included video player psd

UPDATE 2.7 [ 12.07.2011 ]

- added left and up option for the menu position

- added default volume parameter

UPDATE 2.6 [ 28.06.2011 ]

- fixed bug with audio element

- added categories example

- added image ad option

- embed text auto generates

UPDATE 2.5 [ 09.06.2011 ]

- fixed some bugs with the thumbnails slideshow

UPDATE 2.4.3 [ 20/04/2011 ]

- fixed vimeo bug where vimeo videos would not load

- added a new skin – rouge

UPDATE 2.4 [ 31/03/2011 ]

- deeplinking option

- xml caching option

UPDATE 2.3 [ 03/04/2011 ]

- added how to embed special ( greek, french ) characters in the documentation

- changed some style of the gallery

UPDATE 2.2 [ 02/22/2011 ]

- added preloader

- added option to play audio files (mp3, m4a) so now it is a media player, not just a video player / gallery!

- fixed some menu hiding bugs

Video Gallery Requirments
You don’t need any software to run it, it works out of the box , but.

- if you want to host it online you need server to host files [ /w php support if you want iPhone backup ]

What you can change

- size of main gallery

- size of items, videos

- videos to load ( videos that you host on your server, videos from your rtmp sever, from youtube of from Vimeo )

- feed from xml or flashvars

- select what videos to load or load from custom youtube user,keywords or playlist

- most of the design from the .fla

- menu position – up, down, left, right, none

- and many more!

Video Gallery Screencasts

- How to: Install the gallery in your html page.

- How to: Include the gallery in a as3 template [ awesome demo template – here ]

- How to: Design a custom interface for this gallery – part 1

- How to: Design a custom interface for this gallery – part 2

- How to: Changing the video player roll over colors & Resizing the menu thumbs.

Very easy to install in html
Just copy/paste the files from the zip you receive in your dir.
Insert this in your < head > tag.

<script type="text/javascript" src=""></script>
<script type="text/javascript">
var width = 600;
var height =500;
var flashvars = {
var params = {
menu: "false",
allowScriptAccess: "always",
scale: "noscale",
allowFullScreen: "true",
var attributes = {};
swfobject.embedSWF("preview.swf", "flashcontent", width, height, "9.0.0", "expressInstall.swf", flashvars, params, attributes);

Write this in your < body >, where you want the gallery to appear.

<div id="flashcontent" />

That’s all!

Video Gallery FAQ
I see how you add a url of a youtube video in the xml file. But I would like to simply display all videos in a youtube account. Is there a way to automatically show whatever videos are in a certain youtube account, rather than having to put a seperate youtube video ID for each video?

Yes, you will see in the xml

Replace the fpke…. with your user.

I dont know how to change the skin. I would like to have the video thumbnails below the playing video, not to the right of it.

to use a different skin, embed a diffrenet swf in the html ( for example preview_skin_overlay ). to change the menu position find menuPosition in the xml

I saw that there are a couple of different ways to add this to html. One to add the flash into the body. and the other to use the javascript. I see in the javascript one where you can specify the xml to use. Is there a way to do that in the first option easily?

Yes, the method to send the xml name from html to the swf is called FlashVars and can be applied to the first example as well. For example this is a normal static embed
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" height="420" width="780">
<param name="movie" value="">
<param name="allowFullScreen" value="">
<param name="allowScriptAccess" value="">
<param name="wmode" value="">
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="" allowfullscreen="true" allowscriptaccess="always" wmode="transparent" height="420" width="815">
</p><p>Alternative content</p>
<!--[if !IE]>-->

to send an xml to it you just do

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" height="420" width="780">
<param name="movie" value="">
<param name="allowFullScreen" value="">
<param name="allowScriptAccess" value="">
<param name="wmode" value="">
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="" allowfullscreen="true" allowscriptaccess="always" wmode="transparent" height="420" width="815">
</p><p>Alternative content</p>
<!--[if !IE]>-->

The play all videos from Youtube user is awesome. Question about that tho: What order does it load in the player. If i uploaded a new video to my youtube would that show up on top in the players playlist?
Newest one is on top

Just tried to view the full-screen preview on a 3gs iPhone and had no joy.
ActiveDen preview does not allow php in previews.

You can test with your iPhone/iPad this link – and it will work

I bought youtube gallery and im trying to configure it similar to the second example

you already have in the deploy folder – preview_skin_overlay.swf which is outputed by preview_skin_overlay.fla

all you need to do is replace in the code of the embedding html from preview.swf to preview_skin_overlay.swf

How do I activate deeplinking

First of all you need to access the .fla of the skin you are going. On the actions layer, in the actions panel ( F9 ) you will see a field – main_mc.settings_deeplinking = “off” , you need to make sure this is “on”.

Then publish ( F12 ). Then if you access index_deeplinking.html, you will see the deeplinking in action.
1.- Can i play rtmp server live/vimeo/videos in the same player? For expamle: Al off that sources in the example 1?
2.- Can i hide the buttons embed and share, also the timeline and the playlist?
3.- If i put some vimeo videos in the example 1 it will look like the vimeo example or it will stay the look of the exapmle 1?
4.- Can i have in the playlist different types of sources?
5.- it have different types of scale?

1. Yes you can have all 5 types in the same gallery – rtmp, video ( normal video ), audio, youtube, vimeo

2. Yes, you have the option in xml / flash vars – embedButotn = on/off, shareButton = on/off, just look at example 2/3 they have them disabled.

3. No, Vimeo API does not allow custom skin – so it will be the skin of vimeo for that player

4. answered at 1.

5. It will have in the next update 2 methods – fit and constrain proportions. FIY, you get future updates for free.
What fonts do you use ?

Aller –

How can I setup my videos to play via RTMP

Access xml/gallery.xml ( or the xml you are using ) and under the <settings>
tag you will see a tag <rtmpServer> . Complete it with the your rtmp server ( you can ask your host on this ) like so : <rtmpServer>rtpm://
After this is done, just add items like any others, but in the type tag make sure to write rtmp like so.

<title>3 Axis Gyro Stabilize Camera Mount---AeriCam</title>
<description><![CDATA[Light weight 3 axis gyro stabilized camera mount remotely controlled, designed for RC Helicopter for aerial photography. Also for applications such as RC Blimp Aerial Photography, Jibs, car mounts, Cable Cam and much more.]]></description>
<menuDescription>Light weight 3 axis gyro stabilized camera mount remotely controlled, designed for RC Helicopter for aerial photography. Also for applications such as RC Blimp Aerial Photography, Jibs, car mounts, Cable Cam and much more.</menuDescription>
How do I disable autoplay in vimeo videos
If you want to disable the first vimeo video in the gallery autoplay you just set the < autoplay > to “off” in the xml.
If you want it disabled to all of the vimeo videos

open source/vimeo/

and on line 69 you should see

public function VimeoPlayer(oauth_key:String, clip_id:int, w:int, h:int, fp_version:String='10', api_version:int=2, autoplay='off')
add autoplay=’off’ so that it will look like this

public function VimeoPlayer(oauth_key:String, clip_id:int, w:int, h:int, fp_version:String='10', api_version:int=2, autoplay='off')
That’s all, just recompile from source/videogallery.fla

Sample XML File
Can be modified with any text editing software ( like notepad )

Known limitations

- If you use the automatic user or playlist input – YouTube API allows for max. 50 videos to be subtracted via playlist or user channel per request. In normal video ( videos inputted by the user in xml or flashvars, are not effected and can be virtually unlimited )

Video Gallery WordPress version

Video Gallery with Admin

Great AE videos used in the preview –
Great AJ soundtrack provided by –

This site for the free social network icons

Flash Files Included: Layered PSD, Flash FLA, ActionScript AS, XML Files, HTML Files, CSS Files, JS Files, PHP Files; Opens With: Flash CS4 (10+), Flash CS5 (10+), Flash CS5.5 (10.2+); Resolution: Resizable; ActionScript Version: AS3; Documentation: Well Documented; Published Size: 85kb.

HTML Text + Custom Module: w/ Video, swf or image; SPLATTER Template / Deeplinking, YouTube support; SPACE 3D Media Gallery - YouTube, Deeplinkinking; YOUTUBE USER GALLERY - FlashVars driven; 3D Wall Media Gallery + CMS, Youtube, Deeplinking; AS3 XML Product Showcase - with search; AS3 Scroller Class - for text(css) and MovieClip.

Keywords: audio, backup, flashvars, fullscreen, html5, ipad, iphone, media, playlist, rtmp, video gallery, video player, vimeo, wordpress, youtube.

Tags: video, gallery, vimeo, youtube, media, playlist

Create Activeden Video YouTube Vimeo Gallery V2 149570 style with After Effect, Cinema 4D, 3DS Max, Apple Motion or PhotoShop. Activeden Video YouTube Vimeo Gallery V2 149570 from creative professional designers. Full details of Activeden Video YouTube Vimeo Gallery V2 149570 for digital design and education. Activeden Video YouTube Vimeo Gallery V2 149570 desigen style information or anything related.