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.

Hello, I ask you before buying, I have a video in mp4 format, hosted on my own server, and I want to be able to play this video that contains audio in full screen without controls on a page prior to entering the site and that when the video ends it redirects to the home page of the site is this possible?

Video can be full page size, its just that it cannot enter fullscreen without user action (like when you press F11 on your keyboard on windows)

Correct, I’m clear, but what would be the size of a video to make it a full page, then if it is viewed from a phone it will adapt the size right, excuse me for bombarding you with questions but I need to be clear that I will be able to implement it in what i need

That is easy to achive, just set container which holds the video 100% width and height in css. Just like its already here:

https://interactivepixel.net/env/vb/video.html

Hello, can we use your code to play video background from scroll position ?

thx

Hello!

Send us a message with mode details so we can discuss your requirements:

http://codecanyon.net/user/Tean#contact

Make sure you include your purchase code.

Thanks

Hi sir, is it possible to play live streaming in MPD format with a DRM license URL?

Hello!

MPD format should be possible in our plugin using DASH, but there is no option for DRM.

Thanks

hello Tean i want to know if i get your code i want to play my live youtube channel but i dont want to see any youtube icons and i want it to play automatically with no youtube watermark is that possible with your scripts? just like m3u8 link? with clean frame no share or watch later etc is that something your code got? thanks .

Hello!

You can remove Youtube controls but watermark will remain since Youtube doesnt offer functionality to remove it. You can see what is possible with Youtube player here: https://developers.google.com/youtube/player_parameters modestbranding

Thanks

Hi, I’m having an issue with the 3rd video being skipped out of a 4 video feed. <script type=”text/javascript”>

var player1;  
    jQuery(document).ready(function($) {
var settings = {
       instanceName:"player1",
       volume:0.5,
       autoPlay:true,
       mediaEndAction:"next",
       aspectRatio:2,
       preload:'metadata',
       randomPlay:false,
       loopingOn:true,
       forceMutedAutoplay:true,
       blockYoutubeEvents:true,
       blockVimeoEvents:true,
       disableRightClick: true,
       enableBackgroundPlaybackToggle:true,
       forceYoutubeChromeless:true,
media:[
        {
            type:'video',
            path:'assets/videos/1058475703-preview.mp4',
        },
        {
            type:'video',
            path:'assets/videos/1038930356-preview.mp4',
        },
        {   
            type:'video',
            path:'assets/videos/1057022618-preview.mp4'
        },
        {   
            type:'video',
            path:'assets/videos/1058218567-preview.mp4',
        }
    ]
};
//init player
player1 = $("#wrapper").vb(settings);
});
</script>

Hello!

Note that support is provided here: http://codecanyon.net/user/Tean#contact

Send your live page link.

These are my setting but when the video end the video keep looping. What went wrong? jQuery(document).ready(function($) { var settings = { volume:0.5, autoPlay:true, instanceName:"player1", aspectRatio:2, preload:'metadata', randomPlay:false, loopingOn:false, blockYoutubeEvents:true, blockVimeoEvents:true, disableRightClick: true, media:[ { type:'video', path:'images/index.mp4', disableRightClick:true } ] }; player1 = $("#wrapper").vb(settings); player1.on('setupDone', function(e, data){ //called when plugin has been instantiated and is ready to use api, returns (instance, instanceName) console.log(data.instance, data.instanceName); }).on('mediaRequest', function(e, data){ //called when new media has been requested, returns (instance, instanceName, counter) }).on('mediaStart', function(e, data){ //called on media start, returns (instance, instanceName, counter) player1.pauseMedia(); }).on('mediaPlay', function(e, data){ //called on media play, returns (instance, instanceName, counter) }).on('mediaPause', function(e, data){ //called on media pause, returns (instance, instanceName, counter) }).on('mediaEnd', function(e, data){ //called on media end, returns (instance, instanceName, counter) player1.pauseMedia(); data.instance.pauseMedia(); }).on('fullscreenEnter', function(e, data){ //called on fullscreen enter, returns (instance, instanceName) }).on('fullscreenExit', function(e, data){ //called on fullscreen exit, returns (instance, instanceName) }); });

Hello!

We have answered your email. Please continue conversation there.

Thanks

Hi, Can video be place in a fixed dimenssion DIVS?

Hello!

Yes, you can place video in any HTML element on the page, therefore video can also be any size on your page, fixed or responsive.

Thanks

Hey, hi, can i use this to add a non interactive 360 background video to a website with slow auto rotation of the video on a loop? Thanks

Hello!

Do you mean you want to play video with different playback rate? If so, this is possible, you can set playback rate on the video.

https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/playbackRate

Thanks

does it remove Youtube logos , titles , Ads , suggested video and other Youtube branding ======= when we add youtube video links to play in this player. Please let me know

Hello!

Its not possible to remove, Youtube does not offer such option.

Hi,

Do you have a demo for a full screen video background Youtube?

Do you have a setting to play automatically the youtube video in fullscreen background?

Regards

OK thanks. Bought.

How to unmute on starting ? By default, the video is muted on starting.

Regards

See plugin Help file -> troubleshooting section -> Autoplay on mobile

If you have any more questions, note that support is provided here: http://codecanyon.net/user/Tean#contact

good afternoon, is there a “Video playback speed” for Vimeo PLAN Plus? I see accelerated browsing in browser addons, but not in plugins. Does yours have?

Hello!

Yes, vimeo playback speed is available for plus account. If you decide to purchase and you have any questions dont hesitate to contact us at here: http://codecanyon.net/user/Tean#contact

Thanks

Can we use the plugin on ower Website?

Leuchtbuchstaben Intersign.de

Hello!

Can you explain more?

Thanks

Hi, Does this work if I placing the video into a DIV ?

Hello!

Yes, you can place video in any html element in the page.

Thanks

I am looking for a single Youtube video with skip intro.

I dont’ see the youtube iframe in the source code of your video at http://www.interactivepixel.net/env/vb/youtube.html. No skip intro too.

Such demo is included in download package which you get after purchase.

I bought your script https://codecanyon.net/item/html5-image-video-audio-gallery-with-playlist/15121955 . I know how it works. In the youtube demo, there is a youtube iframe in the source code.

I don’t see the youtube iframe in your youtube demo http://www.interactivepixel.net/env/vb/youtube.html but you said to me that is included in the pakage.

Could point me at the url of the ‘Youtube + Skip Intro’ demo in the package? I will buy it after.

Not all demos are shown here. Its included in the package.

Hi,

For this script, do you have an example with texture over a background full screen youtube video? By texture over video, I mean my own text, links, images … ? I need a redirect/skip at a new page.

Hello!

You can put any html over video div (in which youtube video is located). Just add your html in our plugin markup and use your css.

Thanks

Hi. This video from youtube ? http://www.interactivepixel.net/env/vb/youtube.html Possible hide logo, share link? Thank you

Hello!

Yes, it is from Youtube.

Hi Tean,

We are using this product to play a youtube video with a poster image showing before the video is played.

We are facing an issue in Full screen mode on iPhone. The sticky header from the website does not fade away in the Full screen mode.

Is there any way we can check if the video is in Full Screen mode or not?

We have replied to your email. Please keep conversation on one place.

Hi Tean,

Thanks for this plugin, we have implemented the video functionality using this. We are currently facing an issue when using it on iPad/mobile devices. So whenever we change from portrait mode to landscape mode or vice versa, the video is not playing smoothly and it is constantly loading and sometimes it does not play at all.

Is there any change that has to be done to support the responsive design to play smoothly on rotation without refreshing the page?

Thanks!

Hi Tean,

Yes we tried that, so the issue we are now facing is: if the video is already playing and we rotate the tablet it continues to play and video automatically resizes.

But if the video is not played initially and the tablet is rotated, the poster image is not automatically resizing. It remains in the original dimension and we see that it has some styling added from the plugin(fixed height and width). So we are not able to control the css for the poster image.

So finally the video is responsive but the poster image is not responsive and has some styling controlled from the plugin. How can we make this poster responsive??

Can you send a message at http://codecanyon.net/user/Tean#contact with a link to your live page where we can check this?

Sure. Have messaged you the details. Thanks!

I need to play a Vimeo video ONCE, autoplay, sound on and, after the play finish (once), redirect to URL.

What parameters should i place and where? Is there a documentation? Thanks.

Maybe if the background option is used (which means Vimeo controls hidden) Vimeo does not show preloader, intentionally or by mistake.

So, as Vimeo show nothing, nothing can be done out of the box?

There is no custom preloader. You can set poster url, but then user needs to click to start video.

Hi, is it possible to have multiple instances of the player with YouTube videos on a single page?

Hello!

It is possible to have multiple instances in the page, regardless of the media played.

To create such example follow instruction and duplicate everything, plus rename settings and wrapper id ( div id=”wrapper2” )

Thanks

Yes, that works, thank you!

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