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 there,

I’m using your product to play a youtube video with a poster image showing before the video is played. When the video ends I would like to stop and return to show the poster image and play button.

Could you please advise how to achieve this?

Thanks.

Hello!

You can use this options in settings:

mediaEndAction    next / loop / rewind

Poster is currently not possible to display again after video ends, but we have this planned for next update soon.

Thanks

Hi There!

I have a 7 part docuseries and were hosting the episodes with vimeo.  Long story short, we want to self-host the videos and looking to replace Vimeo player with another HTML player with similar features.   If I purchase your video player, can I do the following:

1. Resize the player to fit our existing pages, which were created with Vimeo player.  We want to remove vimeo (we are self-hosting) and replace with another player.  Is this possible with your player?

2.  Can i set a thumbnail image before the video plays with your software?

3.  If we host video on a baremetal server with ample CPU, Ram, and Bandwidth, do we need to purchase anything in addition to your software to have this work on our server?   

Hello!

1. You can use self hosted mp4 videos in this player. And all other supported media listed in product description.

Media support:
Self hosted video (or any public link that plays in browser)
Virtual reality 360 video, example here
Apple HLS Live Streaming, example here
MPEG DASH Live Streaming, example here
Youtube single videos
Vimeo single videos
Image support (with optional time duration)
Image panorama 360, example here
Self hosted audio (or any public link that plays in browser) with optional image 
slideshow background
Mixed media in playlist
Single looping video

2. You can set poster image before video plays.

3. This plugin is made from html, css and javascript (jquery) so you can use this plugin anywhere where you can place this code.

Thanks

Hello Can you help me with an issue I am having with Chromium. I need the player to show a live stream from WOWZA which is HLS encoded. I see you have included HLS as well as DASH options which is great but I can not get either of your samples to play on Chromium. Note: the reason I need Chromium to work is it is feeding an outdoor LED screen and the software requires Chromium. We do not have the access to modify Chromium.

Hello!

Supported browser are listed in item description page. Chromium is not on the list. What error do you get in Chromium when trying to play?

As far as I can see, Chromium is not on the list of supported browsers for hls project:

https://github.com/video-dev/hls.js

Thanks

Can i pause at a certain time?

If you mean toggle programatically this would require some custom javascript code.

You could hook into player trackProgress function with setTimeout and perform an action on time.

Plugin source code is included in documentation / source directory.

Hi there, how am I able to hide/disable related video from youtube?

Hello!

Youtube has deprecated option to disable related videos (rel parameter) so its not possible to disable them anymore.

https://developers.google.com/youtube/player_parameters#rel

Thanks

Hi,

I bought this today. I have it working fine with your example video, I’m just confused why it is not autoplaying as per your example on here as the code is the same, and autoPlay:true is set. Am I missing something? Thank you :)

Here it is on my site:

http://www.dillonmichaels.com/mp4.html

Thanks for your quick reply. :) But how come it will autoplay in chrome on your example page but not for mine? Same browser obviously. I thought maybe my hosting? Thanks…

It will not autoplay. This is because you interacted with the page before. Refresh the page with F5 or reload to see.

You can of course autoplay muted video with this setting (this is possible):

forceMutedAutoplay:true

Hey :)

I’m thinking of buying your ‘HTML5 Video & Youtube background’ as it seems very good and well supported.

I plan on using it on my site that will be a video “show reel” of my work. So basically the video is the main part of the site. Since it’s a background video I assume it’s easy to place html elements over the top, e.g. a transparent centred logo, and a contact link? It basically works like a background image would, correct?

Thanks

Hello!

Yes, you can place this plugin anywhere in the page like in the page background and then all other elements can be above the video background.

This is just HTML in the page, so you manipulate the elements as such.

Thanks

Can I use the software in 2020?? Thank you !! parkplatzflughafenbremen.de

Hello!

I guess you can use it anywhere if you embed it with iframe.

Thanks

Installed the script http://laguna-pools.ru/demo.php – does not work. Help.

Can you show your page link and what you would like video to be placed?

Try changing to something like this in singleLocal.css:

componentWrapper {
   position: relative;
   height: 300px;

Hi, before purchasing I want to know if your plugin can behave exactly like in this website: https://www.vouschurch.com/. It shows in desktop and small devices.

The plugin that’s included with my theme shows a background image instead of the video when you view the website on a mobile device. I need the background video to continue to play even in smartphones and tablets.

Thanks.

UPDATE TO MY PREVIOUS QUESTION:

I’m looking for a script that works exactly like in this page: https://www.vouschurch.com/

  1. Height can be set to available viewport, not full page
  2. Will play on mobile devices, no background image fallback
  3. Will continue to play even if you resize the page (responsive)
  4. No playlist or controls needed, just a link to play the video on a youtube superimposed iframe

Please let me know if your script behaves like the above description, I can’t tell from your demos.

Thank you very much in advance.

Daniel

Hello!

Yes, you can have this video background behave as the video in your link. You can place anywhere on the page and have it play on both desktop and mobile browser. There is no option for image fallback on mobile, video will play on mobile. Controls can all be removed.

Thanks

I would like to add a mute/unmute button Is this is possible?Is there a mute/unmute method? Thanks,

Hello!

Yes, there is already a mute button example and a mute api method.

Check demo here: http://www.interactivepixel.net/cc/jquery/apvb/index_singleLocal.html

Thanks

Hi, it seems that the autoplay function stopped working for Chrome. Even on your demo page the video is not playing…

Any chance that we can set the param &mute=1 for Chrome and on press of the volume button the sound will be re enabled?

Please consider renewing your support.

Thanks

Nice plugin. Thank you. I’ve implemented it on a page, but cannot figure out how to get rid of the black background in the player:

https://www.clinica.org/about/new-lafayette-clinic.html

I’ve played with width and height. I think I’m not on the right track. Anything I am missing? Thanks.

Hello!

Check if this is correct plugin you have. I think it might be different.

Hi, this can use only full page? can I add any div box or as html video player?

Hi!

Yes, of course. Use plain css to set the size of the video background.

You can add html elements like a div over the background, yes. Just make sure it has higher z-index in css.

okey, thanks. Hovewer, how can I add start and finish time? And how can I show captions?

There are no such features here.

But if you are interested, we can recommend the following plugins which do support start /end time and subtitles:

http://codecanyon.net/item/html5-video-gallery-with-live-playlist-/490139

http://codecanyon.net/item/ultimate-media-gallery/20285056

And of course can be used as full video background as well.

How i can play a single video? No Playlist? Why u dont have this information in your Guides?

playlistItem class has nothing to do with playlist content.

There is a data-type attribute for content type.

Gives a method or callback to read the activ data-path on not deeplink system?

I will with Ajax now read the actually data-path from the video what now playing…

Like this:

< li data-address=”youtube_single0” class=”playlistItem” data-type=”youtube_single” data-path=”P6_oE2-Zjxw” data-quality=”hd720” data-aspectRatio=”2” data-width=”1920” data-height=”1080” >< /li >

< li data-address=”youtube_single1” class=”playlistItem” data-type=”youtube_single” data-path=”-MyUbGa1ZZA” data-quality=”hd720” data-aspectRatio=”2” data-width=”1920” data-height=”1080” >< /li >

< li data-address=”youtube_single2” class=”playlistItem” data-type=”youtube_single” data-path=”jU8B9hqCkFQ” data-quality=”hd720” data-aspectRatio=”2” data-width=”1920” data-height=”1080” >< /li>

Thanks. I know i have most questions – sorry :-)

_thumbHolderArr[_playlistManager.getCounter()] will get you active video data, but you need to make a public method in plugin for this.

Can i see the actualy Played Youtube Video Info? I play in a Playlist, i need the played video id how i can find this?

I need information about what’s going on. A Youtube link ID would help me, then I would call myself the API with it. Or you do that already and the information about the actual video are available (Title etc).

Hi!

You use youtube playlist and you would like to know every youtube video ID as it plays?

Hi there. Just one question. I want to use the video gallery to insert some vertical videos. Will those be shown full height without black lines on both sides? I mean, can they be shown as they were watched full screen on youtube? Do you have an example with vertical videos? Thanks in advance. Diego.

You mean your own custom buttons for sharing?

Plugin has no share functionality added, so if you want to add your own code, you can do that.

I need proxy type youtube script. Please check my website https://proxy.whoisping.com and click on youtube.It will show blank page but you can view youtube videos as you past your youtube video link like https://www.youtube.com/watch?v=SCOKysMnH50

I will be need responsive proxy type youtube script.

Hello!

Sorry, no this doesnt use proxy.

Hi,

Just bought the video background plugin. It won’t install and the help file is completely bugged and unreadable, tried on both chrome and IE.

bd03f671-0abe-43dd-ae9b-a52f43272fc3 – 30 Aug 2017

Hello!

This plugin for jquery, and you are trying to use this in wordpress. You need to include it in static html page and it will work normally. Help documentation and all demo examples included in the package provide installation instructions.

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