Code

Discussion on HTML5 Video & Youtube background

Discussion on HTML5 Video & Youtube background

By
Cart 1,506 sales

Tean supports this item

Supported

This author's response time can be up to 2 business days.

303 comments found.

Hi Tean,

I have tried every possible way, but it doesn´t run for me in my iPhone for the single local video html version. It’s strange because your demo load perfectly in iOS!

Please… help me!

Thank you in advance.

Solve it! Just encode the video file again with other program, and now is running perfectly. My best regards Ante ; )

Good to hear you solved it!

You can try encoding with Handbrake as well: http://handbrake.fr/

; )

looking for a youtube video player fullscreen for world press….

do you have it?

ty

Hi and thanks for the interest!

Wordpress version will be available in the future.

Cheers!

Hi! By buying this product did I have access to the source code? Can I for example change the button “skip intro” for a logo with a new link by myself? Thanks

Hi!

Yes, in all my products source code (non-minified) is always included, so you can do any changes you like.

Cheers!

Cool… thanks.

I’ve set LoopingOn to false in index_singleLocal.html, yet the video keeps looping. What’s going on with that?

Hi!

Thats because autoplay is set to true, if you set it to false then it will stop on iteration. Thats how its coded currently. You can check this piece of code from videoGallery.js file and change things to your linking:

function playlistEndAction(){
        //console.log('playlistEndAction');
        if(onPlaylistEndGoToUrl){//override looping on
            goToUrl();
        }else{
            if(mediaType == 'local'){
                videoUp2Js.currentTime=0;
                //console.log(videoUp2Js.paused);
                if(videoUp2Js.paused)videoUp2Js.play();
                if(!autoPlay){
                    videoUp2Js.pause();
                    togglePlayBtn(true);
                    setTimeout(function(){mediaPreloader.css('display','none');},500);//remove preloader after waiting event
                }
            }else if(mediaType == 'youtube'){
                if(autoPlay){
                    if(loopingOn){
                        _youtubePlayer.play();
                    }else{
                        togglePlayBtn();//yt has its own btn
                    }
                }else{
                    togglePlayBtn();//yt has its own btn
                }
            }
        }
    }

Thanks

I was wondering if it is possible to enable video to autoplay on mobile devices (ie. android & iOS)?

Auto works on desktop but I have to tell it to play on mobile.

Don’t mean to be a bother, your script is awesome however, I’ve look extensively at the jquery.videoGallery.min.js using the suggested closure-compiler.appspot.com link you provided and I’m still unable to locate the autoplay on/off function for mobile. Could you please direct more specific?

My script just sets autoplay off globally on mobile, it doesnt detect mobile versions, which is something you would need to do, because autoplay on different mobiles is not always available. Please contact me over my profile page is you need customization. Thanks

Also, one approach needs to be taken for local videos, while other for youtube and vimeo videos since playing video from them means using their embed code and they have their own rules about autoplay on mobile, so this needs to be taken into consideration.

Hello,

We understand that process on the YouTube’s end. Nevertheless, we understood there are ways to go around this! Is it possible to make an workaround to accomplish what we need? Thanks.

Hi!

we understood there are ways to go around this!

Ok, let me know the way and I can give you some pointers in the code.

Thanks

Hello,

I’m trying to use the code for a private YouTube video. So on YouTube the video is Private and users get a message ‘this video is private’ BUT when they access the page they CAN watch and see the video in the background.

Is this possible? Thanks.

Hi!

When someone upload a video on YouTube and mark that video as private, then that video can only be seen by that person’s account who have uploaded that video.

Thanks

hi,my dear excellet team, i don’t know why the sample code when i play in the mac pro , it looks perfect , safari support it and chrome support it also, but when i upload to the linux server, i cannot see video play in chrome, it only show the images and no video to play, but in safari is perfect. the same situation to the code i purchased from another one in code canyon [link removed] i don’t know why, is it anything changed by google?

if you need,i will email you all the sever details and all the ftp info.

thank you gean.

Hi!

Send me the details through contact form in my profile page and I will have a look.

Thanks

Hello,

is there a way to show the image on desktop browsers as well? It only appears when viewed on a phone.
Thank you in advance.

Kind regards.

Yes, exactly. That worked like a charm!

Fantastic purchase I’ve made here, this is great. Five stars!

Kind regards.

Any news on the Wordpress version?

More than happy to hear the news as soon as you have it to make that purchase also…

I will make wordpress version one day but I dont have exact date.

I love this template – thank you.

Using single You Tube video I can’t see how the Skip Intro link happens – I see that it goes to the onPlaylistEndUrl but how does it do it without a href – and more importantly, is this link read by search engines so there is a way in to the rest of the site?

Hi!

This is written in jquery, in videoGallery file:

function goToUrl(){
        //console.log('goToUrl');
        if(onPlaylistEndTarget=='_parent'){
            window.location.href=onPlaylistEndUrl;
        }else if(onPlaylistEndTarget=='_blank'){
            window.open(onPlaylistEndUrl, onPlaylistEndTarget);
        }
    }

How do you move the < II> button on the top of the video? Also is it possible to change the size of the overall page and video. Like to a rectangular banner?

Hi!

What do you mean by li button? show me on the screenshot if you can.

You can change the size of the video, that depends on how you embed it.

Thanks

I mean the Button on the top middle of the screen. The scroll ahead button. Is there a way to have it only show when you move the mouse and stay hidden until a move.

Hi!

Please contact me over my profile page if you need modification.

Thanks

Hi Tean, Thanks for this awesome code! I was just wondering if you could tell me how i can remove the youtube playlist name (/videos/#/playlist3/youtube_playlist1) from the address bar. I don’t know where it is being sent from out of all of the files. I would like the permalink to just show the page name instead of the page name with the playlist attached to the end. Hope this made sense. Thanks!

Hi!

This is a deeplink, you turn this off in the settings in the html file:

useDeeplink: false

so if i’m using the deeplinks to my youtube playlist there is no way to remove that url from the address bar? Sorry, I don’t really understand the whole deeplinking process

Deeplink is what adds this to the url and what adds the ability to point any specific video in the playlist. If you dont want this feature, simply turn it off. I have left the link in the help file where you can read about deeplink: http://www.asual.com/jquery/address/ (and of course anywhere else)

Hi Tean,

I’ve had success so far in getting this to work with YouTube in full screen however the video stutters for a moment in both Safari and Firefox but starts smoothly in Chrome. Here’s an example of what I mean:

[link removed]

Suggestions? It’s smooth in Chrome so I’m confused as to why I’m having problems in Safari and Firefox.

Hi!

Send me a link of your web page to my email and I will have a look.

Thanks

Hi, with this plugin, can i show in a page or post of Wodpress just the video from YouTube with determinated Tags? (Video from YouTube)

If so, can i choose different Tags for each Page and Post?

Thanks Diego

Hi!

This is a jquery plugi, to place it in wordpress you would need to use iframe embed method. Wordpress version will come soon though.

can i contact you on email ?

Hi!

Yes, you can contact me over my profile page.

can you fix it for support this link [link removed]

i can pay 30-40$ for this , please help

Hi!

Send me an email with more details of the project.

Thanks

this plugin have a HD switching ?

your plugin can support video link on google docs and picasaweb ?

your plugin can support video link on google docs and picasaweb ?

Example this link : [link removed]

plugin can support this ?

There is no such option currently.

I deleted the list 2 and 3, when I load the page [link removed] does not automatically load the video, I have to click and get an error when it ends :crying:

Hi!

Send me a link to your web page on my email and I will have a look.

Thanks

Hi, I can not forget to thank for their excellent work … your code gave life to my site!!! thank you very much!!!!!!

Thanks for the comment!

nice job.

but I using index_singleYoutube.html

why play youtube by flash? how can I play youtube by html5?

Hi!

Check this answer:

http://stackoverflow.com/questions/5845484/force-html5-youtube-video

Basically, youtube iframe embed method choose itself what to use. If html5 video cannot be used, it will still use flash.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey