Hi!

You can redirect from any video, youtube or local, single or multiple videos, to another page.

Hi!

Look into settings in index page:

/* onPlaylistEndGoToUrl: true/false, navigate to url on playlist end (last item in playlist). Note: this will override loopingOn! */
onPlaylistEndGoToUrl: false,
/* onPlaylistEndUrl: url to redirect to */
onPlaylistEndUrl: 'http://www.google.com/',
/* onPlaylistEndTarget: _blank (open in new window) / _parent (open in same window) */
onPlaylistEndTarget: '_parent',

it escaped my eye, thank you very much

I pasted the the method from the youtube api reference, as shown on the link, you need to implement this feature. You can try placing the necessary code in onPlayerReady, however you should really separate this from my gallery, take the youtube iframe embed code from their api and try this on its own. There already is some code inside:

//if(_self.quality && typeof _self._player.setPlaybackQuality !== "undefined")_self._player.setPlaybackQuality(_self.quality);//brakes ie9 small 
Something like this:
_self._player.setPlaybackQuality('hd720');

Sorry but it is to difficult for me to understand this… i’m not a javascript developer…

i’m just using your application

Ok, send me an email and I will send you the file to replace.

Hi!

Look at these settings in html page:

/* onPlaylistEndGoToUrl: true/false, navigate to url on playlist end (last item in playlist). Note: this will override loopingOn! / onPlaylistEndGoToUrl: false, / onPlaylistEndUrl: url to redirect to / onPlaylistEndUrl: ‘http://codecanyon.net/user/Tean/portfolio', / onPlaylistEndTarget: _blank (open in new window) / _parent (open in same window) */ onPlaylistEndTarget: ‘_parent’,

Hi!

Look at these settings in html page:

/* onPlaylistEndGoToUrl: true/false, navigate to url on playlist end (last item in playlist). Note: this will override loopingOn! / onPlaylistEndGoToUrl: false, / onPlaylistEndUrl: url to redirect to / onPlaylistEndUrl: ‘http://codecanyon.net/user/Tean/portfolio', / onPlaylistEndTarget: _blank (open in new window) / _parent (open in same window) */ onPlaylistEndTarget: ‘_parent’,

Hi!

1. You can have only one video, just like in the preview.

2. You can remove all the elements form the screen together or individually, so for example, you can have only volume, or volume and volume and seekbar, or skip intro and controls… etc, or none at all.

3. Player works on iPad, iPhone and android, I have tested it.

Hi!

Have you bought the file?

Thanks

I am still on windows 7 so I wouldnt know the answer. I plan on update to windows 8 soon. Have you tried some other video?

Better yet, does it happen on my preview directly? Thanks

I have tested this on windows 8.1 chrome and I cannot experience any issues.

What did you do?

i sized the youtube video and hid the overflow/banner off the canvas.

Keep in mind banners can be pretty much anywhere over the video. If you want me to add you that option, send me a message through my profile page.

Not sure how you incorporated this, do you mean the iframe on your first link doesnt work in ie10 or my player envato demo?

The first link doesnt work with the iframe. But only the html site works …

You can send me your iframe setup on my email if you want and I can have a look.

I can add this to any site like a video gallery, that’s not a problem. I asked because you call it “video background”, so I assume you had an idea how to implement it.

Layering is html done with css zindex. Everything you want to place above the video needs to be after it in html and if necessary a higher z index as well.

If you look (for example) in a index_playlistBottom_buttons.html file in the download package, you will see that all elements like volume, controls, thumbnails etc… are placed in the html after elements which hold the video like mediaHolder, youtubeHolder flashPreview.

My needs are only for local video – no youtube or flash.

Local video comes in both html5 and flash, just like youtube. Modern browsers that play html5 video, and older browsers that flash flash video.

Send me an email if you want, I can give you some pointers in the code what to look for.

Hi!

You cannot autoplay video and audio on mobile ios, this is restriction from apple:

http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html
User Control of Downloads Over Cellular Networks)

Dont forget about other issues with ios:

http://blog.millermedeiros.com/unsolved-html5-video-issues-on-ios/

Thanks for the help. Fixed my video aspect ratio problem. Super easy fix!

My header seems to be ok, but my footer is not lining up as you predicted. I want my footer to be at the bottom, with the playlist toggle right above it, all while keeping it on one screen without having to scroll down. As it is right now, I have to scroll down to see the playlist toggle bar/button. I want to make it so that the playlist toggle bar already is showing without any overflow (with videos thumbnails hidden upon first load). Without scrolling you should be able to see the header, video, playlist toggle, and footer all at the same time, no scrolling.

What part of your jquery would I need to edit, or would I have to made one big and do a fresh jquery code to make everything fit?

Thanks again, your help with my first issue was a lifesaver!

What part of your jquery would I need to edit, or would I have to make one big div and do a fresh jquery code to make everything fit?

(Some words were cut off so I am posting this part of my reply again)

This whole script evolves around 3 different aspect ratio settings with local and youtube video, and flash, desktop and mobile. All the code for this gallery is in videoGallery file. Use contact form in my profile if you need custom modification from me. Whatever you do, make sure you test for all 3 aspect ratios for all 3 types of video (local, youtube, flash) on all desktop browsers and couple of most important mobile phones to make sure everything still works correctly.

Hi!

This plays html5 videos (mp4, ogv, webm) and youtube, not vimeo like you mentioned. So yes, you can play videos from you own host.

You can remove the buttons in any example, this are just plain html elements, nothing more.

Cheers!

Hi!

I asked him for more details as you can see in my reply but he hasnt replied. Still not clear is it local or youtube video.

According to your description, I guess it needs a fix for _doneResizing function call (in videoGallery.js file), if browser firefox, if aspect ratio 1 somewhere after the video starts.

Hi!

I just tried it on my iphone4 and ipad3 and it works for me.

Does this happen when you view my demo preview?

Maybe its some kind of temporary hickup on youtube side?

yeah I tried on my colleague’s iphone and it works fine, he has ios 6.0.0, my iphone has 6.0.1.

My ipad is working fine also … it has 5.1.1.

Thank you!

Hi!

I just tried single local video and single youtube video with aspect ratio 1 and it works for both. Can you give me more details on which index file and what setup? Remember that for youtube you need to enter dimensions manually (width, height).

Thanks

I think thats not completely true, even with vimeo pro account you cannot make all the player chromeless.

I have spent time before reading about it in their forums, here is one topic:

http://vimeo.com/forums/topic:14561

check the link at the end (http://boingboing.net/2011/01/17/attempting-to-prolon.html)

I wanted to say that you cannot remove all the controls, but thats less of an issue, more of an issue is obviously you have to pay for it, and I would need to have the payed membership so I can develop for it, and the buyers would need to buy this membership as well which doesnt suit everybody.

Hi!

To detect video end for local video find this in videoGallery jquery file:

function videoEndHandler(){
        //console.log('videoEndHandler');
        if(!singleVideo){
            videoHolder.stop().animate({ 'opacity':0},  {duration: fadeTime, easing: fadeEase, complete:function(){
                cleanMedia();
                nextMedia();    
            }});
        }else{
            playlistEndAction();
        }
    }

To detect video end for youtube find this:

$(_youtubePlayer).bind('ap_YoutubePlayer.END_PLAY', function(){
                //console.log('ap_YoutubePlayer.END_PLAY');
                if(!singleVideo){
                    cleanMedia();
                    nextMedia();    
                }else{
                    playlistEndAction();
                }
            });

You can call play/stop video by using the public api already provided, check this in html file on the bottom:

jQuery.videoGallery.togglePlayback()

Send me an email if you need more detailed explanation.