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 want to play youtube playlist, my playlist has more than 50 items. i think there is a bug with deeplink mode and this type of playlist, after played the item 49, it returns to 1. In the URL, we have; playlist1, ..., playlist49 and the next is playlist1. Thumbnails are displayed correctly.

There is not the problem when i use no deeplink.

How to correct it?

thanks, tom.

Hello, I use the template “index_playlistBottom_buttons.html”.

My tests are here: http://mytv.livehost.fr/play.html

I use Youtube playlist “PLbzvJGBK_v5HqHq3DQbwQ0XhyD-CUj5eJ”

I have corrected the issue. Send a message here for a quick fix before official update: http://codecanyon.net/user/Tean#contact

Thank you very much!!! it works well

Hello,

I would like to use a youtube playlist in the background, without the possibility to pause the video. So i delete the pause button (control toggle) but when the video is launched, we have the possibility to pause the video with a simple click anywhere in the screen. Is it possible to prevent it ?

Thanks for your response thanks, tom.

Hello!

This is default behavior by Youtube video, it could be possible if you code a transparent div above the video to block click.

ok great, i will do that. Thank you !

Hi,

I am using “index_singleYoutube.html” and I just wanted to replace a current Youtube Video with a new one. However when I do that, it no longer works. Any idea why?

Here it how it was:

<!- playlist data (hidden) ->
     
— just wanted to upload with this path: https://www.youtube.com/watch?v=-D3spbeQGCE

So, I replace data-path=”IpBFAZf_2wc” with data-path=”D3spbeQGCE”

But then it no longer works:

http://www.instituto-internacional.org/A011-Mestrado_Profissional_Administracao_MMS.html

Is there anything else I should do?

Thanks in advance

Purchase: b71e07c5-db63-4266-a8b9-6182fcb49b5c

Hi,

Sorry, it plays beacuse we had to put the old page back. Here is the new link: http://www.instituto-internacional.org/A011-Mestrado_Profissional_Administracao_MMS-newVideo.html

Not sure why this is happening, would that be becuase of the console?

Thanks for your response

Humm… That what was shown in my browser. Thanks for pointing it out!

I got this already. Good work. Although same issue that thepcman indicated about use of cookies. Really, i think it will complete this nicely done script of yours. I understand that means further coding but it’s necessary even if the price gets higher.

Thanks

Hello!

What is the issue in question?

Sorry man but i might missed something. The issue was the use of cookies so that the user that saw the video once was excluded and was going to the target url. Anyhow i wrote this before i had a chance to use the script. As i saw once i opened it, the cookie issue is already taken care, i think, so my upper post is not valid.

Thanks anyway

Hey, great work!

Is SAMPLE 1 possible to made way after video ends, it will automatically skip to websites, not loop again?

Hello!

Yes, this feature is included.

Hello,

We can start auto play for Mobile? Thank You

ok thanks…

Hello I have send a message yesterday, can you help me pleas. Thanks a lot….

I have replied to your email yesterday.

Hello friend! With the Youtube API, we can do something when the video ends (e.g. show a popup). Is it possible to use that API function with your plugin man? Thanks for reading me. ;)

I understand. But before I buy, I need to be sure that this is the right plugin for me. I wanna do something like calm.com Check the one minute option, and you’ll see that at the end, there is a share popup. I want to do the same thing at the end of the videos. Do you think it’s possible?

There is no share popup in this plugin, I was referring to the video end callback in which you can run the code of your choice.

Yeah so it’s possible, cool!

can you make it like playit.pk in this site user auto search videos from YouTube and also video source save in db. this scrip work in all countries where youtube blocked.

Hello!

No, you can search for youtube videos, but you cannot save them.

Is there a way to do a Video Mp4 file that plays then to a m3u8 stream. I want to pre roll an Advertisement before the Actual m3u8 stream. Is that possible.

Hello!

As far as I know, html5 support for mentioned format is not videly spread: http://stackoverflow.com/questions/23388135/how-to-play-html5-video-play-m3u8-on-mobile-and-desktop

Can I autoplay from a Youtube file to a playlist -

Can you explain more what you are trying to do?

Hi,

Congratulations for your work! I’m not a coder and it will take a considerable amount of time to learn how to use a youtube embed video on the code. Do you provide a service where for a fee you will send the code with the youtube video?

Thank you

I mean what html page from the download package?

index_singleYoutube.html

So open this file with text editor, find this:
data-path="F08U2yCxbYg"
and replace with this:
data-path="IpBFAZf_2wc"

Hi,

index_singleLocal

I’m not a coder so I kinda need better help than you’ve given to others before. I need the video not to loop, it needs to auto start but I need it to stop at the end show the final frame. Can you help?

Hello!

You can either set autoPlay on in settings which will loop the video or autoPlay off which will stop the video at the end. For your combination, code modification is required.

yes, i need it to autoplay but not loop. Do you have a code I can amend to the scripting?

Code can be modified on freelance basis. You can contact me here is you are interested: http://codecanyon.net/user/Tean#contact

Hello, I’m quite interested in your script but I have some questions before the purchase :

1. I’m making a website using Wordpress, is it a Wordpress plugin ? How can I integrate this in a homepage ?

2. What I’m willing to do is to have a fullscreen video when you get on the website, with sound controls and skip intro feature. And when the video ends, or if we skip it, we end up in the home page. Does your script works like that ?

Thank you very much.

Well, already looked for it and didn’t find anything, that’s why I bought your item.

It’s too bad you’re not giving the minimum support to embed this in an iFrame in Wordpress. I don’t think it’s complicated and it would be replying to a request often asked by your customers.

You can hire me if you want for wordpress embed. For private contact use this: http://codecanyon.net/user/Tean#contact

Oh I see, you make a clear difference between support and custom paid work. Well thanks but I have a friend who can do the coding for me.

Hello, very nice work, I’m trying to put a responsive menu to the playlist button file. The problem is in the relationship of componentWrapper and the menu. The component wrapper as I understand is in full width/height, I want on the top to put my menu and after the menu all the buttons. Can you help me? Thanks.

Hello!

Resizing of the elements is done in jquery on widow resize event. Search for doneResizing function in videoGallery.js file if you want to change the layout.

:) thanks

Hi

Just want to have a html 5 background video in my page below the normal content which resizes and stays full screen.

Is that possible?

Best regards, BackuPs

Hello!

Yes, but you will need to modify some css or jquery to achieve that, depending on your page layout.

I need Video background Widget into my Adobe Muse site with volume button. How this widget can be integrated? I’m not a good in programming. Tnx for answer

Hello!

I am not familiar with Adobe Muse.

Love this!

Is there anyway that I could insert:

- Search bar - Categories - Footer

Many thanks for your help

Hello!

You can use player public api to achieve all that. You can retrieve playlist data which contains list of all songs and use that for search and categories.

Categories are already implemented, this is a dropdown menu in the top left.

Hello. I have a question. Your demo link is perfectly work on my IE8. http://www.interactivepixel.net/ccVideoBgLY/index_singleYoutube.html
I upload your pacakge on my server, and tested it. But it is not working. Please check the link below http://sanare22.cafe24.com/index_singleYoutube.html

what is the problem?

Thank you.

Thank you for your quick response. Could you give me some example css? Thanks

I meant before you initialize the component not to have it have it hidden in css or have a certain size set (so its not 0).

Thank you. Actually I solved this problem by uploading 2 swf files on my server.

Can I use this for Vimeo?

Hello!

Supported are self hosted html5 video (mp4, ogv, webm) and youtube. See description for more details.

Greetings,

I’m using the background player in a rather unconventional, albeit cool, way for desktop browsers. Before I waste a lot of time looking for answers, I thought I’d ask here.

I want to add an event listener so when a specific video is loaded ( i.e. onClick=”jQuery.fn.videoGallery.loadMedia(4); return false;” ) and begins to play I can launch chained jQuery functions timed to the video. I was able to do this with my own implementation of the YouTube API. But, your player is so robust and puts my simple implementation to shame.

Reading the API on Google it seems that it should be possible to launch a function at a specified time in the video too. That would be so ideal and cool.

Suggestions?

Thanks in advance.

Mark in New Orleans

I see. How would I specify a specific video then?

You can send yt_mediaPath var with callback which is a youtube video id.

Wow Got it. That’s awesome. Thanks for the quick response. Will send a link privately when my site is live. Experimental – but VERY entertaining.

Hi Tean!

autoplay not worked on ipad iphone? i need autoplay in my project…

Hello!

You cant autoplay video on ios, this is restriction from Apple:

http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html

Section: User Control of Downloads Over Cellular Networks

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