WWB on a Linux Desktop PC

[rogerl]

Have uploaded the project file to my test site so you should be able to download it and use to see what i did.

https://www.whiteshepherdsnz.com/NewSit ... deorl2.wbs

You will need to double click on html5 video object and input a new path to a video on your local system before previewing or publishing to your own server. Also you can delete the file publisher object as web builder will upload the video referenced in the html5 video object.
Re your link looks like just a link to a video rather than to a web page.

[alex4orly]

OK, this works - just don't understand why do I need to include the Publisher object?
This video clip is already on the website...

Hope you can explain this to me

Thanks for your help
Alex

[pajadt]

Hi Alex
When a file publisher is used and the video is not in the layout grid as a background, then it can be uploaded like this, because it is independent, it is outside any object. So it's easier then the video is added to the projected folder and the video path is added to the folder where it was projected, it's easier because you don't have to upload the video separately.

Since I didn't have some time to deal with this these days, today I watched and you can use Layer to design in front of the video to place three elements, it would be easier to know the look of the design and have an idea how to do it, Roger's idea to make the video special as the background is great


if you are interested I can share the project behind the layer in front, with the layout grid e z-index setting must add to be at front
Here is project with layout grid
https://gofile.io/d/Y2gVdW

[alex4orly]

Hi Alex
When a file publisher is used and the video is not in the layout grid as a background, then it can be uploaded like this, because it is independent, it is outside any object. So it's easier then the video is added to the projected folder and the video path is added to the folder where it was projected, it's easier because you don't have to upload the video separately.

Since I didn't have some time to deal with this these days, today I watched and you can use Layer to design in front of the video to place three elements, it would be easier to know the look of the design and have an idea how to do it, Roger's idea to make the video special as the background is great


if you are interested I can share the project behind the layer in front, with the layout grid e z-index setting must add to be at front
Here is project with layout grid
https://gofile.io/d/Y2gVdW

Hello again,

Thanks for your help in this matter, it is now resolved. It seems that just using the WWB HTML5 Video object works just fine. My mistake was that I didn't specify the clip format as 16:9 but left it as custome. I created a new page, without any grid or layer, here is a link to it:

https://squadron-125.org.il/home.html - it is a background video only, all the objects on the page are in front.
And the setup of the object is : http://www.beleuramyhome.org.au/htmlclip.jpg without any other object on this page

Thanks again
Alex

[rogerl]

Great to see it come together and we learn something new along the way.Thanks for your help Pajadt.
All the best
Roger

[alex4orly]

Great to see it come together and we learn something new along the way.Thanks for your help Pajadt.
All the best
Roger

Hi Roger and Pajadt,

In fact, NOT yet at all. At the time of my previous post, indeed the video was playing fine in full screen and looping...
BUT - once I started placing the elemnts of the page, the video clip was playing on top of them...
So, I thought, I will place the video in it's own LAYER... That was NOT enough - I had to place all the page objects into their own layer.
BUT - now, even though I have set some breakpoints to make it responsive (all the objects are inside Layout grids) - it is no longer responsive.
I painted the layer just for now in RED, so that you can see what I mean : https://squadron-125.org.il/BGvideo.html
And the actual website for comparison : https://squadron-125.org.il/home.html (using the RZ video background player)

so, I am NOT done yet...

Any suggestions?

Thanks to you both
Alex

[pajadt]

Hi Alex that is problem with z-index video

add short code
insert HTML

Code: Select all

<style>
#wb_MediaPlayer1
{
   z-index: -1 !important;
}
</style>

between head tags
and problem be solved