WebSite X5Help Center

 
Mike R.
Mike R.
User

Video banner full width looping  en

Auteur : Mike R.
Visité 288, Followers 1, Partagé 0  

I wish to include the attached video on the home page and play at full width and looping without control icons. Can you advise

Posté le
6 RéPONSES
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

You can insert the video in line style, then it should run endlessly and you can expand it to all lines and the entire width, see instructions

-----

How to work on the Row Formats to create a horizontal band displaying a background color or image

...

Set the wished Background:

  • a color,
  • a gradient, 
  • an image,
  • an image list, a video
  • a map

>>https://guide.websitex5.com/en/support/solutions/articles/44001697155

-----

Lire plus
Posté le de Daniel W.
Mike R.
Mike R.
User
Auteur

Thank you for your help. I followed your instructions with regards to the Row Formats option, and video plays a full width. However I appear to be still doing something wrong. In step 4 i used the video object, but i feel this is incorrect, as you will see from the attached image. Can you offer a solution as to what I can do to resolve this. 

Thanks in advance.

Lire plus
Posté le de Mike R.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

The video was probably inserted twice, once as a video in the background using a line style and then also as a video object in the grid.

### If you want the video to run in the background, then only insert it in line style. ###

On my test site, the video (a free video from Pixabay) runs as a line-style background, see

>> https://findelinks.de/123test-aufklappmenue-2/video-im-hintergrund.html

In the grid there is a Text object, an empty HTML object so the text is on the right, and the Simple Separator object at the bottom. I fixed the header and footer on the test page using CSS code.

However, I don't have a large curved screen to test, but rather a 17" laptop with 1600 x 900 pixels.

-----

Lire plus
Posté le de Daniel W.
Mike R.
Mike R.
User
Auteur

Many thanks for your help. Although, can you explain 'then only insert it in line style'

Lire plus
Posté le de Mike R.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

In WebSite X5, if you see the page in question and the grid, then click the icon, see screenshot below

Then you can see the settings for line style (it may be called something different in the English version), like in my screenshot above.

----- Screenshot -----

Lire plus
Posté le de Daniel W.
Mike R.
Mike R.
User
Auteur

Thank you so much for your help, all good now

Regards

Mike

Lire plus
Posté le de Mike R.