Video as background in slideshow.

[yellowbird]

I'm using Egg Bramhill's widescreen slider with Siren's code. I see other sites with video runniing behind other xara animation - never tried it. I tried it on the third slide-document destruction. I removed "controls" from the video tag. At the end the it would still show the video slider so I added this code to the html placeholder code which I found on talk graphics: <style>div.mejs-controls{visibility:hidden !important;}</style>. It got rid of that, but when the video stops playing, you still see the circle with the play arrow. Not that big of a deal because the slider moves before you can replay it, but it would be nice to eliminate it. The initial loading of the video is a concern to me. Some of my testers have no delay, others only the 1st time to the page to view it. I have not put it on the actual home page this is a test page with the placeholder: https://www.cbsi-online.com/autoslid...older-test.htm . Thanks!

[Initiostar]

I'm using Egg Bramhill's widescreen slider with Siren's code. I see other sites with video running behind other Xara animation - never tried it. I tried it on the third slide-document destruction. I removed "controls" from the video tag. At the end the it would still show the video slider so I added this code to the html placeholder code which I found on talk graphics: <style>div.mejs-controls{visibility: hidden !important;}</style>. It got rid of that, but when the video stops playing, you still see the circle with the play arrow. Not that big of a deal because the slider moves before you can replay it, but it would be nice to eliminate it. The initial loading of the video is a concern to me. Some of my testers have no delay, others only the 1st time to the page to view it. I have not put it on the actual home page this is a test page with the placeholder: https://www.cbsi-online.com/autoslid...older-test.htm . Thanks!

OK the issue has nothing to do with the slider. I see the same as you when I play it:



You can do the following and change the video player:

1. Create a rectangle proportionally sized to the video, yours is 1920px(w) x 1080px(h).

2. Add the following code to the Placeholder HTML(Body) with your own source URL.

<video id="my placeholder video" width="100%" height="100%" controls autoplay loop muted playsinline>
<source src="https://initiostar.co.uk/demo/SHREDDING FOR SLIDESHOW2.mp4" type="video/mp4">
</video>

3. I would make the page and pasteboard colours in your slider, the same as the page and pasteboard in your main site = https://initiostar.co.uk/demo/PlaceholderVid/

Hopefully it works, but do let us know if you have a problem.

Gary