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

I have some trouble with local files to start autoplay in IE 10 on windows 7. I tried also with your examples here on the site, where example 1 and 7 does not auto play. If I right click the video I have the menu, and I can click “pause” (like it is actually was playing), reopen the menu and then hit “play” to make the video start the first time.

Best regards, Michael

Hi!

I just tried this on ie10, win7 works for me:

http://www.interactivepixel.net/ccLivePlaylist/index_buttons.html

Thanks for quick reply. On some Windows 7, IE 10 environment it works but on others (my customers for instance) it doesn’t. It only load first frame of the video and then stop.

I have uploaded a screen recording here: http://onrelease.net/screenrecord.mp4

I AM A MAC USER

Hello PLEASE HELP ME i use your script (LOCAL VIDEO) for the intro on my website it works on safari, but not on firefox or google chrome. I have followed instructions and realize my video intro in MP4 and OGV format, linked their names in the script but when i go on firefox = black screen with logo “LOADING” running and that’s all. When i go on google chrome = black screen but i can hear the sound on my video. MANY THANK to help a french NEWBIE in html5

Hi!

First place unmodified files in empty folder on your website and test from there. You can also send me the link to your website here: http://codecanyon.net/user/Tean#contact so I can take a look.

hi , great code congrats.. however..

i tried over and over again but couldn’t install it. everytime it failed and the plug in didn’t install.. is there any spesfic setting to be done for installing..

i want to show a youtube/vimeo video full screen with skip option when my website begin..but couldn’t install

thank you in advance ,

regards..

Hi!

If you are trying to use in wordpress, this is jquery plugin.

hi ,

thank you tean for your kind & rapid response , i am using wordpress plug in yes..

is there any way or option to activate it for wordpress platform.. or any other plug in which will work and does the same at the wordpress platform..

thank you again and ,

regards

You could embed it over iframe for example.

Hello Tean thank you for this wonderful script. How can i track local video time? i want to show some div when time is right.. i hope you understand me. sorry for my english.. have a nice day

Hi!

There is no direct api method to do this but if you know jquery you can easily do this. Look in videoGallery js file, basically you need to track

videoUp2Js.currentTime
in javascript timeout. Also maybe
function dataUpdate( which tracks seekbar and loadbar)
can give you more details as well.

Such features (timed events, captions, chapters etc) will be available in future updates (I am currently implementing them in my other video players)

Hello, Great script. I have used it successfully, however i wish to see if the following tweaks are possible

Is there a way to have images sequence as well as videos? My requirement is: One intro video autoplays(one time – no looping) and ends in an image-sequencer(which is on a loop, the video does not appear in the loop)

We’d be open to you being contracted to build this custom plugin for us.

Failing that….

Is there an event that is called at end of single video/ playlist playing (assuming there is no looping turned on)? and if there is, can we use it to destroy the whole video plugin (#componentWrapper) at that point so whatever is behind the video plugin is visible (secondary image sequencer / single image background) ?

Regards, Jas

Hi!

There is no image slideshow in this plugin. Features are described in the item description. Adding a image inside could be made with code modifications but its not simple. For the callbacks, when playlist end this function is called in videoGallery.js file: playlistEndAction so you could place your code inside. (to destroy the plugin or similar)

Thanks for coming back on this.

I tried to look for that function but failed to spot it, the nearest strings in video gallery js file were

PlaylistEndGoToUrl, PlaylistEndUrl, PlaylistEndTarget,

searching for the string playlistEndAction yielded no results. Can I use anyone of these to trigger the destroy event on the plugin?

You have to have playlistEndAction in video gallery js. Unless maybe you have some really old version, but I am not sure about that.

Can I play other formats than mp4 with this player?

Thanks.

Hi!

You can play html5 video supported formats (mp4/ogv/webm) and what youtube supports.

I have the plugin working well except for viewing on iPad. My movie plays for only about 6 seconds stopping just into the video. Is anyone else having this issue?

It works on my side, I have ipad and iphone with ios 7. You can test here: http://www.interactivepixel.net/ccVideoBgLY/index_playlistBottom_buttons.html

Hi, I use rackspace as my cdn, i see that this can use amazon s3, so can this also use url based videos hosted on other cloud storage? it is still just public url to video, same as s3, so I would think it be supported…

Hi!

If its a public url you can always use it.

Thanks

Is there a way to set the audio to zero on autoplay. To allow users to see but not hear video? Also Can we adjust the transparency of the controls. Or move them to another region?

Yes, you set defaultVolume in settings html page.

I would like to trigger a div on certain time of a single youtube video file. How can i track the player? player..getCurrentTime() is possible with your script?

Thank you for you kind support.

Then contact me over my profile page.

hi i send did you recieve?

Yes, I have.

How do we get the single youtube to loop? I just purchased this and want to use it with one youtube video on my website background, that always plays (looping).

Your Example 2 doesn’t loop.

When the youtube video ends the play button shows up.

Please advise how can we set ONE youtube video as the looping background with autoplay.

Thanks

That is one of the messages, how about this one?
[.PPAPIContext]GL ERROR :GL_INVALID_VALUE : glTexSubImage2D: bad dimensions. F08U2yCxbYg?controls=0&showinfo=0&autoplay=1&loop=1&rel=0&enablejsapi=1&the…:1

Google Chrome is a very popular browser, currently the single video example doesn’t loop on Google Chrome.

I tried it in an incognito window and it also loops for me.

I guess the https/http error is the one that is causing the problems. That is: if you are logged-in to youtube the protocols wont match and the video will not get looped.

The only error I get on your link (in google chrome incognito mode) is this one (but I don’t think it affects anything):

Failed to load resource: the server responded with a status of 404 (Not Found) http://www.interactivepixel.net/ccVideoBgLY/js/jquery-1.10.2.min.map

Hi. I successfully installed this player in my site.

Now, I need a search function and a function name of the video that is playing.

You understand, you need to show the description of what is being played.

My email: fabmus1@gmail.com

Hi!

Please contact me through the contact form in my profile page: http://codecanyon.net/user/Tean#contact

Hello,

It is possible to add download function for each video like your audio player ?

thanks :)

Hi!

There is no such option. Could it be made? Yes, but probably not for youtube, only for direct mp4/ogv videos located on server.

I truely fell in love with this script :inlove:

I have a client with very demanding wishes. I work with Joomla and there was no decent extension for oversized backrgound videos.

So I started looking for a individual solution and I found this beautiful script here. I implemented is in Joomla (doing a bit of “fooling” the system) and it works like a charm.

I have also integrated another script I found here (Pull-Out Content Panel) and both work smoothly with each other.

My client needs oversized background videos to show the promotions of her perfume collections and information about these collections along with the video.

So now she has both in a very fancy and elegant way.

Even the control buttons of both fit well togehter and I love the option not to let the video start automatically and to start the video without sound.

It is great that the users can decide themselves if they want to see the video or if they just want to read the info without being distracted and that they can see the video without sound (great when surfing privately in the office ;) )

Thank you for such a perfect solution for hard working web developers!

Keep on the great job you’re doing!

Best regards,

Rob

Thanks for this review and I am glad you like it!

Except for a great script the developer gives an awesome support as well. He takes all the time which is needed to solve the problem.

Hello, I am trying with no luck to get this to work on my Wordpress site. Is there a WordPress version out? I noticed you said a few months ago that this may be happening.

Hi!

This is a jquery plugin, you can try using iframe to place it in wordpress. I will make wordpress version this year, but I dont know the time.

Thanks

I notice that the play and next button will not appear until you click play. Is there away to have the buttons appear all the time.

Also is there away to add a Closed Caption button “cc”

so do I delete that line of code?

Also how much will you charge me to add the cc button and function?

I already gave you my contact info.

hi my objective is to play other user playlist and other user youtube channels, grab them and basically have a gallery/list of these videos.

Can this product help me?

Hi!

This currently supports youtube video id and playlist id. If you are looking for more advanced youtube search methods look at this http://codecanyon.net/item/youtube-vimeo-gallery-background/2026204 that gallery can do what you are looking for.

Thanks

Quick question:

example: http://www.interactivepixel.net/ccVideoBgLY/index_playlistBottom_buttons_fixed.html#/playlist3/youtube_playlist5

Are the videos, pulled in from a specific video channel and created dynamically? Or is that example just hard coded…

Hi!

Yes, all my video scripts on codecanyon use youtube api, so you pass a playlist id, channel, user favorites etc… and it always grabs fresh data directly from youtube.

Ok awesome, one last question. I wondered if you had created a full bg video, with a thumbnail playlist along the bottom of the page, that when clicked changes the video ( full screen background ) I created a simple site for a mate, but he wants the above features. Sample site we did for him ( its very very basic ) http://oldcodgers.com.au/

We would want to keep overlay html elements over the bg video

If you asking me if you can place html over video the answer is yes.

Note that his particular file (as it says in the description) supports youtube single video and youtube playlist. I have other scripts like these: http://codecanyon.net/item/youtube-vimeo-gallery-background/2026204 which supports more youtube api like:

  • Single video requests
  • Youtube playlists
  • Youtube user favourites
  • Youtube user uploads
  • Youtube video query
  • Youtube playlist query
  • Youtube standard feeds
  • Youtube channel

  • I will update this file as well with all the capabilities when I find time.

    The videos are not playing back to back.

    Let me know what demo example are you testing? Also on what platform?

    I just tested in chrome windows7 and it advances for me. Are you on mac so I try that as well?

    Ok, I have tested here https://developers.google.com/youtube/youtube_player_demo with loop option turned on and it seems there is some issue with youtube because this worked before.

    This is copied from their demo:

    <iframe id="ytplayer" type="text/html" width="640" height="360" 
    src="https://www.youtube.com/embed/jYYV0MEAhzU?loop=1" 
    frameborder="0" allowfullscreen>
    

    and it doesnt loop.

    I guess they are doing something again. You can do this meanwhile: in apYoutubePlayer file find this:

    if(!_self.isIE){
        if(!_self.singleVideo){
            $(_self).trigger('ap_YoutubePlayer.END_PLAY');
        }
    }else{
        $(_self).trigger('ap_YoutubePlayer.END_PLAY');
    }
    And replace it with this:
    $(_self).trigger('ap_YoutubePlayer.END_PLAY');
    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