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.

Hii, I need want to add 4 flags on skip intro button but i cant do the direct the true pages. Only 1 goes . :(

Hi!

Please explain again, I dont understand your query.

Thanks

In “index_singleYoutube” There is “Skip Intro” i want to add that div 4 flag Turkish – English – Dutch – Russian and want those flags when click a flag will go to that page… :(

If I understood you correctly, you want redirect to multiple pages. In that case you need to modify the source code, videoGallery file.

How it possible to play auto at mobile devices?

Hi!

Iss possible to autoplay some video types (aka local vs youtube) on some mobile devices. You can test this yourself. Take for example youtube iframe embed and test on which mobiles you can autoplay it. The same goes with html5 video tag.

youtube I can not manage to autoplay at android devices is it normal or do I makeing somthing wrong? [link removed]

When you want to use youtube, you use their embedding method. Take youtube iframe embed and test yourself if you can autoplay: https://developers.google.com/youtube/iframe_api_reference

Hi there, thanks for this it is working great for the most part. here’s my link: [link removed]

Two questions: 1) For some reason this doesn’t work mobile. I press the play button but doesn’t play anything. 2) If you view on your laptop when the video plays is there a way to have the video infinitely loop?

Please let me know,

Thank you!

Andy

Depends on your settings, search in the comments, there was already some info about this.

Hi thank you for your help so far you’ve been very helpful. I’ve searched the comments but can’t find the same situation.

In the link I sent before I have the “preview image” acting as a landing page. SO autoplay is set to ‘false’. Then the 1 video plays through and goes back to the start of the video but it won’t play again. This is what i’m hoping to do:

1) User visits website, preview comes up and autoplay is false. 2) When user clicks play the autoplay goes to true and continues to play the video infinitely.

Please let me know if you can help me, if there’s a little cost let’s chat about it.

Thank you in advance!

Andrew

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

Thanks

Hi I was wondering if I could play an rtsp file link through the playlist?

hi!

You are talking about live streaming. Its possible to use live steaming only with flash on all desktop browsers since html5 still hasnt caught up with flash in that field. But since flash doesnt work on mobile this is a problem currently. Hopefully in a while we will be able to use just thml5 for streaming across all platforms.

Hi, It is a problem with autoplay to index_playlistBottom_buttons.html Any volume, pause, back and forth no longer works. look on your site: [link removed by staff] Please solve this!

If you are asking how will you know its working, it will be when the script you have or my script (the same) works as it should.

Youtube code has been returned to normal now.

hi man! how i can add to the single local example the controls? play-pause and mute-unmute?

thanks!

i tried… but it do errors, as you know if there is a quick way to add the buttons?

If you need customization, you can contact me over my profile page.

Thanks

ok i do

Hey,

Thanks for this! For some reason the video keeps looping even after I have set the [loopingOn: false]. I am using the index_singleLocal.html with minimal modification mostly to HTML and CSS. Am I missing something?? I need make the looping stop. Autoplay:true.

Cheers, D

Hi!

If autoplay is true and you have one video, it will look automatically because autoplay will overwrite loop. You can change this behavior in the code, look for playlistEndAction function in videoGallery file.

Thanks

One other question: how is it possible to make index.html page jump to the main webpage after a single clip automatically without using SKIP INTRO button?

Cool, thank you.

Alright,there is a slight problem.

The code you have provided is working but only at the end of the “PLAY-LIST “ index page will jump to a specific page.

What I need is a code in which at the end of ”EACH VIDEO” in the “PLAY-LIST “ index page should jumps to the main page.

Any help you could provide is much appreciated -Respect

The code you have provided is working but only at the end of the “PLAY-LIST “ index page will jump to a specific page.

Thats how it coded. If you need custom modification you can contact me over my profile page.

Thanks

Hi,

thank you for your nice project.

I am having a problem with it: there is a small icon on the bottom-right of the player which points to: [link removed] How can I eliminate it or make it point to elsewhere?

-Respect

Hi!

Sorry, there is no any icon there except maybe youtube logo, look here: http://www.interactivepixel.net/ccVideoBgLY/index_playlistBottom_buttons.html

Thanks

If I use the HTML5 Video/Local file approach of this script, do you have any recommendations for where I can host the .mp4, .ogv and .webm video files? I want to then link to these files in the code to maximise streaming and minimise any bandwidth issues. For this, it seems advised to host elsewhere i.e. not on the same server as the website.

Hi!

You can host your videos on other servers as well, but I dont have any recommendations, sorry.

I’ve set this up for a client website that is identical to this preview http://www.interactivepixel.net/ccVideoBgLY/index_singleYoutube.html

However the client has complained that the streaming of the video repeatedly stalls and struggles to play through. When they watch it directly on YouTube however (even on full screen), it plays through no problem.

I’ve ensured I have useYoutubeHighestQuality set to false.

Any idea why this is happening please?

Hi!

How does this link play for you? http://www.interactivepixel.net/ccVideoBgLY/index_singleYoutube.html

Send me a link to your webpage over my profile page contact form and I will have a look.

Thanks

I’ve just deployed this script using the index_playlistBottom_scroll.html as a starting point with a youtube playlist. How do I randomise the videos?

Hi!

Look in index_playlistBottom_scroll.html, you have randomPlay option.

Cheers!

Thanks :)

will this work with adobe muse?

Hi!

This is an html/css/jquery component and all you need are is a text editor to place it on your website and modify it if necessary.

Thanks

Hi!

Vimeo is not supported in this because you cant have vimeo chromeless player like youtube has.

Thanks

Ah right thats a shame. Ok thanks.

Hi Tean,

I have the loopingOn option setting to false, but the one and only local video is playing once and another. Any suggestion?

Thank you very much

Hi!

Its because you have autoplay off I presume so it actually stops on the beginning when it reverts to the video start. No particular reason but this is how its coded. If the autoplay was on the it would loop. I will probably look into this again. I can show you in the code where this happens if you want to adjust this to your likings.

Thanks

Hi Tean, I only want to watch the local video one time. After that I want it stopped. Thank you in advance,

These are my settings:

componentFixedSize: false, defaultVolume:0.5, autoPlay:true, randomPlay:false, loopingOn: false, defaultGallerySide: ‘bottom’, autoOpenPlaylist: true, closePlaylistOnVideoSelect: true, onPlaylistEndGoToUrl: true, onPlaylistEndUrl: ‘http://www.web.com/web/index.html', onPlaylistEndTarget: ‘_parent’, useCookieDetection: true, useKeyboardNavigation: false, useYoutubeHighestQuality:false,

/* DEEPLINKING SETTINGS / useDeeplink:false, startUrl: ‘playlist1/local1’, outputDeeplinkData:false,

/ NO DEEPLINKING SETTINGS */ activePlaylist:’playlist1’ }; jQuery(document).ready(function($) {jsReady = true; $.videoGallery(’#componentWrapper’, ’#flashPreview’, vg_settings); vg_settings = null; });

Like I said, its because autoplay is true. Send me an email and I will show you in the code where you can change this.

PRE-SALE QUESTION

the navigation buttons don’t seem to be working on my iPhone (ios7) any ideas?

thanks

Look at the file descriptions and file previews and decide which one best suits your needs.

last question:

is it possible to code the script that at the end of a Youtube video it will go to a specific URL and not the next video in gallery?

thanks

As file description says, this feature is already available.

hello sorry to bother you, all you need to load js file to run only the video background youtube?

thanks

Hi!

Contact me over my profile page and I will help you with that.

Thanks

Hi, I see that single youtube doesn’t autostart on android 4 browsers (default,chrome,opera,mozilla). You use onPlayerReady, which does not work?.

Tubular jquery, uses the same way successfully. Can you see it again? Thank you

(If you do not want to alter the message, do not hasitate. I just want this sript to have the best characteristics)

Thank you for your reply. One more notice: after the latest update of Chrome on my mobile, it only play the sound, showing black screen (I hope it is not only on me).

Its best to check this on youtube demo player page: https://developers.google.com/youtube/youtube_player_demo

Make sure you select the youtube chromeless player when you do this.

hello i have a problem, internet explorer does not work, this is a link of my project

html … [link removed] your original project in html

this is the link to my page [link removed]

the player does not start and does not load the video, and it does not work the skip intro

is a job for a customer would thank you if you could help me to solve

sorry for my english, i am italian and i use google translate

thanks

Hi!

It works for me in all browsers, here is the link:

http://www.interactivepixel.net/ccVideoBgLY/index_playlistBottom_buttons.html

You have modified something, I suggest starting from scratch. Dont modify anything, now even replacing your own videos, then place deploy folder in empty folder folder on your server as first test, then slowly start to integrate this into your website, checking with every change.

The most common error is somehow hiding the flash container / css display none (or the whole thing) before it actually initiates, and flash needs to be shown, not hidden otherwise it will not initiate.

you can check if this is the problem if you look in the videoGallery.js file and search for this: checkFlashReady function and put console log statement inside to see if this is executing.

sorry man don’t work in my browser ie8 , i have upgrade a ie10, ok now work :P , how can resolve i8? :P sorry for my english :P

As I said, it works for me in ie7 and ie8, here is the link:

http://www.interactivepixel.net/ccVideoBgLY/index_playlistBottom_buttons.html

Does this link works for you?

Hi,

I just purchased it yesterday. Is there anyway to use it with WordPress. Maybe create a page and insert the code there, etc.

Regards,

Hi!

Yes, you could embed it over iframe.

Cheers!

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