# Background video in parallax widget

**URL:** <https://colorlibsupport.com/t/background-video-in-parallax-widget/13722>\
**Category:** Shapely\
**Created:** [December 19, 2016, 3:50pm UTC](https://colorlibsupport.com/t/background-video-in-parallax-widget/13722 "2016-12-19T15:50:52Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![danmanpen](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/d/bc79bd/32.png) [@danmanpen](https://colorlibsupport.com/u/danmanpen)\
**Post date:** [December 19, 2016, 3:50pm UTC](https://colorlibsupport.com/t/background-video-in-parallax-widget/13722/1 "2016-12-19T15:50:52Z")

</div>

I’m looking to use a video instead of an image in a full background parallax section on my site ([http://www.danielpenner.ca/](http://www.danielpenner.ca/))

I have tried using the background video plugin from [Video Background – WordPress plugin | WordPress.org](https://wordpress.org/plugins/video-background/) but I am not able to use the provided shortcode in the widget.

Any help you can give is much appreciated!

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [December 20, 2016, 12:22pm UTC](https://colorlibsupport.com/t/background-video-in-parallax-widget/13722/2 "2016-12-20T12:22:08Z")

</div>

Hi @danmanpen,

I hope you are well today and thank you for your question.

You can try achieving this by using the solution posted in the following topic.

[https://colorlibsupport.com/t/video-front-page/](https://colorlibsupport.com/t/video-front-page/)

Best Regards,  
Movin

---

<div class="post-metadata">

**Author:** ![danmanpen](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/d/bc79bd/32.png) [@danmanpen](https://colorlibsupport.com/u/danmanpen)\
**Post date:** [December 22, 2016, 1:23am UTC](https://colorlibsupport.com/t/background-video-in-parallax-widget/13722/3 "2016-12-22T01:23:04Z")

</div>

I believe that solution will allow me to embed an iframe that will display a Youtube video in the parallax section.

Is there a solution so that the video can be hosted and played directly from my site and not streamed via Youtube?

As I mentioned, I have installed the background video plugin which gives me a shortcode, but I haven’t found a way to add a shortcode to my homepage.

Thanks in advance for your help!

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [December 22, 2016, 10:39am UTC](https://colorlibsupport.com/t/background-video-in-parallax-widget/13722/4 "2016-12-22T10:39:50Z")

</div>

> Is there a solution so that the video can be hosted and played directly from my site and not streamed via Youtube?

The information on the following pages will help you.

> **[VideoPress](https://videopress.com/)**
>
> The finest video for WordPress. VideoPress offers stunning quality and a seamless playback experience while removing the hassle of hosting videos yourself.

> **[Easy Video Player](https://wordpress.org/plugins/easy-video-player/)**
>
> Easy Video Player is a WordPress video player that allows you to add videos to your WordPress site.

[https://www.wp101.com/10-reasons-why-you-should-never-host-your-own-videos/](https://www.wp101.com/10-reasons-why-you-should-never-host-your-own-videos/)

> **[Why You Should Never Upload a Video to WordPress (4 Reasons)](https://www.wpbeginner.com/beginners-guide/why-you-should-never-upload-a-video-to-wordpress/)**
>
> Looking to add videos to your site? Instead of uploading it to WordPress, we recommend that you upload it to Youtube and then embed the video in WordPress.

> As I mentioned, I have installed the background video plugin which gives me a shortcode, but I haven’t found a way to add a shortcode to my homepage.

You can achieve this by using custom plugin solution shared in the following topic and then adding the shortcode in the Content field option of [Shapely] Parralax Section For FrontPage widget.

[https://colorlibsupport.com/t/cusomizing-parallax-widget/](https://colorlibsupport.com/t/cusomizing-parallax-widget/)