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.htmlThanks 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.mp4I 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.currentTimein 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.
Hi!
in apYoutubePlayer file you will find function getCurrentTime (which calls youtube API method)
Thank you for your support. Yes i saw it but couldnt manage to do it.
I can pay for custom code. Everything i tried said not defined. 
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
Hi!
If you go here:
https://developers.google.com/youtube/youtube_player_demoand enter some short video ID: jYYV0MEAhzU,
then choose loop parameter on the right
and click “update player with selected options” it will not loop.
I guess their developers are doing something with their code.
What you can do is in apYoutubePlayer file find this part and make it like so:
else if(event.data == 0){//ended
$(_self).trigger('ap_YoutubePlayer.END_PLAY');
}
Hey, thanks for the quick reply.
I tried both of the below but neither worked:
else if(event.data == 0){
$(_self).trigger('ap_YoutubePlayer.END_PLAY');
}
else if(event.data == 0){
$(_self).trigger('ap_YoutubePlayer.START_PLAY');
}
Check this fiddle, it works by using a playlist with the same video:
http://jsfiddle.net/E3Euv/1/
I found it here (3rd answer): http://stackoverflow.com/questions/10565448/play-an-embedded-youtube-video-in-loop
Also when inspecting with chrome developer tools (F12)
This error shows up and then keeps repeating itself indefinetly
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('http://www.youtube.com') does not match the recipient window's origin ('https://www.youtube.com'). www-widgetapi-vflgGL-5Q.js:26
g.B www-widgetapi-vflgGL-5Q.js:26
g.G
1. I am aware of this stack overflow link you are showing me, but this is the new thing from youtube. And this is not a proper loop. I have been working with video for years and loop parameter worked before with youtube but they have changed something in their code deliberately or mistakenly. I know how the video looped when loop parameter worked.
The fix I gave you works, look here:
You havent done this properly, one way or another, maybe you have done this in source folder which has nothing to do with deploy folder, or you just havent cleared the cache (but even this is not proper loop).
This playlist look (from stackoverflow link) is also not a proper loop because it resets the video (you can see a little pause on start and preloader as well) so thats not a video loop, thats more of a playlist loop.
Another fix (for youtube not working loop parameter) could be to seek video to 0 (but only in the case of single video) but even this will have pause on start and a little bit of preloader (I have tested this).
So all 3 cases (the one I gave you and and 2 more I mentioned here are currently not a ‘real’ loop as it was before.)
2. You can forget about this chrome console thing, this is coming from youtube, before it was another error (aka famous this: http://pastie.org/8736648 ), now its a new one. This doesnt affect this script.
Thanks for the answer but the example you have gave me still doesn’t loop on chrome. internet explorer 10 loops it though. maybe its one of the errors and we can suppress it.
event.returnValue is deprecated. Please use the standard event.preventDefault() instead. Uncaught TypeError: undefined is not a function jquery.apYoutubePlayer.min.js:115 15 [.PPAPIContext]GL ERROR :GL_INVALID_VALUE : glTexSubImage2D: bad dimensions. F08U2yCxbYg?controls=0&showinfo=0&autoplay=1&loop=1&rel=0&enablejsapi=1&the…:1
It loops for me: http://www.interactivepixel.net/ccVideoBgLY/index_singleYoutube.html
And I dont have this:
Uncaught TypeError: undefined is not a function jquery.apYoutubePlayer.min.js:115 15
It doesnt loop for you because you have an error in console. Maybe you got this by modifying the code. Reset to original files and start again if you dont know how you got this.
Hey, thanks for the example. I am testing the same files you are on the demo url you sent me. None of your files are hosted by me in your demo and I still get the error and the video is not looping (on chrome Version 32.0.1700.107 m).
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('http://www.youtube.com') does not match the recipient window's origin ('https://www.youtube.com').
I would really like to get the extended version of this for my theme but with the video not looping on chrome and the error messages its not looking good.
I already explained, error message you posted above is coming from youtube and you cant suppress that. It doesnt influence the script so you can disregard it. You cant use extended license on this file.
1 This doesnt loop for you in chrome?
http://www.interactivepixel.net/ccVideoBgLY/index_singleYoutube.htmlpc or mac?
2 what messages you get in console on this link?
Hey I have posted above my console echo from the demo you provided, here it is again:
event.returnValue is deprecated. Please use the standard event.preventDefault() instead.
13
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('http://www.youtube.com') does not match the recipient window's origin ('http://www.interactivepixel.net').
31
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('http://www.youtube.com') does not match the recipient window's origin ('https://www.youtube.com').
2
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('http://www.youtube.com') does not match the recipient window's origin ('https://www.youtube.com'). www-widgetapi-vflgGL-5Q.js:26
69
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('http://www.youtube.com') does not match the recipient window's origin ('https://www.youtube.com'). www-widgetapi-vflgGL-5Q.js:26
9
[.PPAPIContext]GL ERROR :GL_INVALID_VALUE : glTexSubImage2D: bad dimensions. F08U2yCxbYg?controls=0&showinfo=0&autoplay=1&loop=1&rel=0&enablejsapi=1&the…:1
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('http://www.youtube.com') does not match the recipient window's origin ('https://www.youtube.com'). www-widgetapi-vflgGL-5Q.js:26
6
[.PPAPIContext]GL ERROR :GL_INVALID_VALUE : glTexSubImage2D: bad dimensions. F08U2yCxbYg?controls=0&showinfo=0&autoplay=1&loop=1&rel=0&enablejsapi=1&the…:1
83
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('http://www.youtube.com') does not match the recipient window's origin ('https://www.youtube.com'). www-widgetapi-vflgGL-5Q.js:26
12
[.PPAPIContext]GL ERROR :GL_INVALID_VALUE : glTexSubImage2D: bad dimensions. F08U2yCxbYg?controls=0&showinfo=0&autoplay=1&loop=1&rel=0&enablejsapi=1&the…:1
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('http://www.youtube.com') does not match the recipient window's origin ('https://www.youtube.com'). www-widgetapi-vflgGL-5Q.js:26
6
[.PPAPIContext]GL ERROR :GL_INVALID_VALUE : glTexSubImage2D: bad dimensions. F08U2yCxbYg?controls=0&showinfo=0&autoplay=1&loop=1&rel=0&enablejsapi=1&the…:1
216
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('http://www.youtube.com') does not match the recipient window's origin ('https://www.youtube.com').
Also I see the extended license option offered for 50$ in the purchase box, maybe you should check that out.
Read the Envato rules, you need permission from the author for extended license:
http://codecanyon.net/licenses/faq#small-element-stock-a http://codecanyon.net/forums/thread/plugin-use-in-themes/109481#894713Here is the message you receive: http://code.google.com/p/gdata-issues/issues/detail?id=5788
[.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.
It loops for me: http://www.interactivepixel.net/ccVideoBgLY/index_singleYoutube.html
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#contactHello,
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 
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”
Hi!
Controls state is being toggled in videoGallery file with this: componentWrapper.find(’.controls’).css(‘display’,’none’); so you should edit parts where this appears. For the captioning, this would require some code modification.
I need some custom work done to the widget player can you give me your email address so we can discuss
I found the find(’.controls’).css(‘display’,’none’); what do I need to do to update
This appears on couple of places through the code, plus you need to test this on both desktop and mobile.
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:
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:
I will update this file as well with all the capabilities when I find time.
The videos are not playing back to back.
Hi!
Please describe your issue in detail. Did you modify the code and what have you changed?
Thanks
even in your sample It doesn’t go to the next video just try it. This may be a Youtube issue. Seems like a browser issue on Chrome. Explorer works and Opera works as it should.
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');