WebSite X5Help Center

 
Mike R.
Mike R.
User

Video banner full width looping  en

Autor: Mike R.
Visitado 283, Seguidores 1, Compartilhado 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

Publicado em
6 RESPOSTAS
Daniel W.
Daniel W.
User
Usuário do mês DEUsuário do mês 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

-----

Ler mais
Publicado em de Daniel W.
Mike R.
Mike R.
User
Autor

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.

Ler mais
Publicado em de Mike R.
Daniel W.
Daniel W.
User
Usuário do mês DEUsuário do mês 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.

-----

Ler mais
Publicado em de Daniel W.
Mike R.
Mike R.
User
Autor

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

Ler mais
Publicado em de Mike R.
Daniel W.
Daniel W.
User
Usuário do mês DEUsuário do mês 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 -----

Ler mais
Publicado em de Daniel W.
Mike R.
Mike R.
User
Autor

Thank you so much for your help, all good now

Regards

Mike

Ler mais
Publicado em de Mike R.