Video player does not work

[deranaloge]

hi there,

i wanna add some videos on a start page and tried 2 things:

first i added it as a background video of a column => the video is playing properly but is not responsive
second i added the v2 video player => the video sotops playing all the time. i changed the settings to muted, autoplay and loop. but it does not work.

so my question:
is there a way to make the background video responsive or
that the video player is working correctly?

so if you look at the page in secure note the first video is the background video, the second video is the video player.
credentials in secure note

thanks for your help

[ruenel]

Hello Harald,

Please be advised that if you use the video element, you will have full control over the video. The viewers of the page can play/pause the video too.

And if you set a background video, the video will load and play automatically. You cannot play or pause the video and it is being muted. The video size when it is used as a background video will depend on its container. If you add the background video in a column then it will only fit within the bounds of that column. In most cases, background videos were applied or added in the section and not in rows or columns. This is the most proper way of using background videos.

Hope this helps.

[deranaloge]

Hi,
Thanks for your answer. I got the difference.
But the problem is the Videoplayer v2 element does not work. It stops playing after a few seconds.

Any help?

Cheers

[rad]

Hi Harald,

I checked and the V2 video player works okay, it plays until the end. But yes, I can confirm that it’s a bit intermitted which probably due to my internet but it plays.

Have you tried testing it on a single page without other videos? It may improve the loading speed.

Thanks!

[deranaloge]

hi rad,

thanks for checking. it should loop the whole time because i set the switches: mute, autoplay and loop.
i have 300/40 mbit so the speed should have no effect.
why is the background video playing smoothly? it is the same video? the background video is the first of taht page, the v2 player the second from that page…

i dont get it why it stops all the time on v2. do you need some kind of video?

btw i checked on 3 different devices, same problem

thanks again
cheers

[rad]

Hi Harald,

I created a test page and it plays smoothly with autoplay and looping without intermission. The cause of the issue is probably due to one of your content.

Both background video and v2 video element use Wordpress’s builtin video player so there should be no issues. Please try deleting your content one at a time while testing if the said issue is still there, if gone then the last content that you have deleted is the culprit. And make sure to backup your content first.

Thanks!

[deranaloge]

hi rad,

thanks for your reply. will try it out tomorrow

cheers

[nabeel]

Hey Harald,

Yes sure, do let us know how it goes.

Cheers!

[deranaloge]

hi,

so i changed all videos from background videos to the v2 video element. reduced the quality of the videos. so that they load faster.
i have 5 videos on the page.
i set all v2 video elements to autoplay, muted, loop and no control.

probem now: only 1 video is playing. if i want to look on another video the video, i have to click on it. then to video that playd stopps and the new one i clicked starts playing.

is it possible that all videos start and loop? that works when set as background videos.

link from test page in secure note

thanks in advance

[ruenel]

Hello Harald,

The video players is working correctly as expected. It is not advisable though to have all them autoplay. Videos are bandwidth extensive which is why you can play one video at a time.

When you set the video as a background, it will be different because video backgrounds has no controls and no volume. There is no user interaction what so ever which is why the video background is in autoplay.

Hope this helps.

[deranaloge]

hi ruenel,

thanks for your answer. i understand that now.
so what should i do if i need 5 videos that autoplay? that are responsive too…

when setting as background i have the problem that the video is not responsive anymore, or is there something i am doing wrong?
or is it possible to autostart a video when user is scrolling to it and the video that is not visible will stop?

thanks in advance

[ruenel]

Hello Harald,

Thanks for updating in!

You cannot have 5 videos autoplaying at the same time. I would recommend that only one video will autoplay and the rest will depend on the user whether he will play it or not.

When the video is set as a background video, you do not have any control over it. You cannot pause or have volume over that video. The video size will depend on the size of the section too. It will response according to the size of its container. It will basically cover the whole container where it is being set as a background video.

And no you cannot autoplay the video as soon as you scroll over it. It might only be possible with some custom development which is by the way outside the scope of our support.

Best Regards.

[deranaloge]

okay i got it. thanks again for your help.

i have a last question about that. i know set it as background video. so the video is fully visible, i set a gap.
that the gap is responsive, i did some calcin the gap size:

calc(100% * 0.55)

in the backend it works very well, and the video is shown properly in different width.
but when i look at the page with firefox or chrome, there is nothing shown. (url in secure note => the first video in the backend)

any help? thanks again

cheers

[christian]

Hey Harald,

That won’t work in the frontend because the percentage height value does not have a height to base on in the front-end unlike in the builder.

A simple setup to maintain the aspect ratio of the column is to use the top padding and a percentage based value. This will work both in the builder and the frontend.

Hope that helps.

[deranaloge]

thats it christian!!!

many many thanks for your help!

cheers

[paul.r]

On behalf of my coleague, you’re welcome. Cheers!