# How do I include a transparent video as a welcome video on my home page?

**URL:** <https://forums.realmacsoftware.com/t/how-do-i-include-a-transparent-video-as-a-welcome-video-on-my-home-page/25649>\
**Category:** RapidWeaver Classic\
**Created:** [March 8, 2019, 3:25am UTC](https://forums.realmacsoftware.com/t/how-do-i-include-a-transparent-video-as-a-welcome-video-on-my-home-page/25649 "2019-03-08T03:25:05Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![jemillion](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jemillion/32/14431_2.png) [@jemillion](https://forums.realmacsoftware.com/u/jemillion)\
**Post date:** [March 8, 2019, 3:25am UTC](https://forums.realmacsoftware.com/t/how-do-i-include-a-transparent-video-as-a-welcome-video-on-my-home-page/25649/1 "2019-03-08T03:25:06Z")

</div>

I am trying to figure out how to include a transparent video as a welcome video on my home page. Many used to do this as a marketing video. Cool effect … but how is it done with RapidWeaver?

---

<div class="post-metadata">

**Author:** ![Fuellemann](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/fuellemann/32/22871_2.png) [@Fuellemann](https://forums.realmacsoftware.com/u/Fuellemann)\
**Post date:** [March 8, 2019, 3:30am UTC](https://forums.realmacsoftware.com/t/how-do-i-include-a-transparent-video-as-a-welcome-video-on-my-home-page/25649/2 "2019-03-08T03:30:18Z")

</div>

If you are talking about a video in the background, try the stack Play by Doobox  
[https://www.doobox.co.uk/stacks\_store/demos/play.html](https://www.doobox.co.uk/stacks_store/demos/play.html)

---

<div class="post-metadata">

**Author:** ![jemillion](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jemillion/32/14431_2.png) [@jemillion](https://forums.realmacsoftware.com/u/jemillion)\
**Post date:** [March 8, 2019, 3:56am UTC](https://forums.realmacsoftware.com/t/how-do-i-include-a-transparent-video-as-a-welcome-video-on-my-home-page/25649/3 "2019-03-08T03:56:15Z")

</div>

No, I already use that stack for background, I’m trying to put a transparent video (I have already green screened and exported with an alpha channel so the background is transparent) on the home page that has me walking out and welcoming my visitors. There has to be some CSS code or another stack that can do that. I hope!

---

<div class="post-metadata">

**Author:** ![joeworkman](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joeworkman/32/23780_2.png) [@joeworkman](https://forums.realmacsoftware.com/u/joeworkman)\
**Post date:** [March 8, 2019, 4:54am UTC](https://forums.realmacsoftware.com/t/how-do-i-include-a-transparent-video-as-a-welcome-video-on-my-home-page/25649/4 "2019-03-08T04:54:50Z")

</div>

I wish that transparent video was possible on the web. I’d be all over that…

---

<div class="post-metadata">

**Author:** ![jemillion](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jemillion/32/14431_2.png) [@jemillion](https://forums.realmacsoftware.com/u/jemillion)\
**Post date:** [March 8, 2019, 5:39am UTC](https://forums.realmacsoftware.com/t/how-do-i-include-a-transparent-video-as-a-welcome-video-on-my-home-page/25649/5 "2019-03-08T05:39:40Z")

</div>

This site uses it and sells it so it has to be available to some degree. I’m not a guru so it takes others that are to figure it out.

[http://www.livefaceonweb.com/?lid=23fb0361&affiliate=2&source=client&keyword=100001427A](http://www.livefaceonweb.com/?lid=23fb0361&affiliate=2&source=client&keyword=100001427A)

Look at this site and see if this is possible for us RapidWeaver diehards!

---

<div class="post-metadata">

**Author:** ![Fuellemann](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/fuellemann/32/22871_2.png) [@Fuellemann](https://forums.realmacsoftware.com/u/Fuellemann)\
**Post date:** [March 8, 2019, 5:53am UTC](https://forums.realmacsoftware.com/t/how-do-i-include-a-transparent-video-as-a-welcome-video-on-my-home-page/25649/6 "2019-03-08T05:53:42Z")

</div>

I have seen this on a few websites and a business friend of mine is creating these videos… check/

> **[Avatar Video System 2.0 - So gewinnt Ihre Website wirklich Kunden!](http://www.videoportalnordwest.de/avatar-video-system)**
>
> Avatar Video System 2.0 - So gewinnt Ihre Website wirklich Kunden!

it is more like a video set to a fixed position at the bottom of the screen which can show a button at xxx seconds after you click play. Transparency comes from the alpha channel? Seeing it on top is just a high z-index.

@joeworkman that should be possible?

---

<div class="post-metadata">

**Author:** ![joeworkman](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joeworkman/32/23780_2.png) [@joeworkman](https://forums.realmacsoftware.com/u/joeworkman)\
**Post date:** [March 8, 2019, 6:38am UTC](https://forums.realmacsoftware.com/t/how-do-i-include-a-transparent-video-as-a-welcome-video-on-my-home-page/25649/7 "2019-03-08T06:38:28Z")

</div>

I do not believe so. Obviously I do not understand everything on that page. However, the fact is that only Chrome supports alpha channels in video at the moment. And that is only if you are using Google WEBM video format. If you would like to test it out, have a look here…

> **[Transparencia alfa en video de Chrome  |  Blog  |  Chrome...](https://developer.chrome.com/blog/alpha-transparency-in-chrome-video?hl=es-419)**
>
> WebM acaba de agregar transparencia alfa, y la compatibilidad con esta función llegó a Chrome 31.

I do not anticipate this happening in other browsers for many years.

---

<div class="post-metadata">

**Author:** ![Fuellemann](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/fuellemann/32/22871_2.png) [@Fuellemann](https://forums.realmacsoftware.com/u/Fuellemann)\
**Post date:** [March 8, 2019, 6:47am UTC](https://forums.realmacsoftware.com/t/how-do-i-include-a-transparent-video-as-a-welcome-video-on-my-home-page/25649/8 "2019-03-08T06:47:36Z")

</div>

.mov should support it as well…

---

<div class="post-metadata">

**Author:** ![Fuellemann](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/fuellemann/32/22871_2.png) [@Fuellemann](https://forums.realmacsoftware.com/u/Fuellemann)\
**Post date:** [March 8, 2019, 6:54am UTC](https://forums.realmacsoftware.com/t/how-do-i-include-a-transparent-video-as-a-welcome-video-on-my-home-page/25649/9 "2019-03-08T06:54:42Z")

</div>

Here is a manual (scroll through the steps) for HTML5 Video transparency:  
[http://www.sciencelifeny.com/transparency/transparency.html](http://www.sciencelifeny.com/transparency/transparency.html)

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [April 7, 2019, 4:54pm UTC](https://forums.realmacsoftware.com/t/how-do-i-include-a-transparent-video-as-a-welcome-video-on-my-home-page/25649/10 "2019-04-07T16:54:46Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
