Title: Video background
Last modified: August 30, 2016

---

# Video background

 *  Resolved [verityr](https://wordpress.org/support/users/verityr/)
 * (@verityr)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/video-background-4/)
 * Is the video background as you see on this site, [http://www.anan.pro](http://www.anan.pro),
   a feature in Zerif Pro or is it a plugin?

Viewing 12 replies - 1 through 12 (of 12 total)

 *  [Alexandra](https://wordpress.org/support/users/alexandrastan001/)
 * (@alexandrastan001)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/video-background-4/#post-6325433)
 * Hello,
 * That is now a feature for Zerif pro. i’m assuming that was done with some heavy
   code customization, support we don’t offer.
 * Best regards,
    Alexandra
 *  Thread Starter [verityr](https://wordpress.org/support/users/verityr/)
 * (@verityr)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/video-background-4/#post-6325439)
 * I went into the Pro demo and saw that a slider was available, but no background
   video.
 *  [customdesign](https://wordpress.org/support/users/customdesign/)
 * (@customdesign)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/video-background-4/#post-6325469)
 * You may do like this: i have put this code in a child-theme’s home-page.php just
   below: <div id=”content” class=”site-content”>
 *  <div id=”homevideo”>
    <video autoplay loop> <source src=”url_2_file.mp4″ type
   =”video/mp4″ /> </video> </div>
 * the css is as follows:
    #homevideo {position: fixed; top:0; left:0; z-index: -
   99; width: 100%; height: 100%;} video {width:100%; height:auto;}
 * Ofcourse you may add alternative sources, as reccommended all over the web when
   it comes to html5 video. I would also hide the video on mobile, but that’s up
   to you!
 *  Thread Starter [verityr](https://wordpress.org/support/users/verityr/)
 * (@verityr)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/video-background-4/#post-6325470)
 * Thank you so much for your insight. I’m not familiar with php like an expert 
   so I wouldn’t know how to hide video on mobile.
 * I know how to insert your code though. 🙂
 * This leads to another question. I recently created a child’s theme, which I did
   to prevent one of my forms from being tampered with every time there is an update.
   Do I need to download ALL php files from the parent theme to the child’s theme?
   Otherwise, the home-page.php that you mentioned is still in the parent theme.
 *  [MariusG](https://wordpress.org/support/users/marius_codeinwp/)
 * (@marius_codeinwp)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/video-background-4/#post-6325479)
 * You should only copy files that you are going to change and front-page.php if
   you change sections because you will need to replace get_template_directory()
   with get_stylesheet_directory() for every section that you are going to change.
 *  Thread Starter [verityr](https://wordpress.org/support/users/verityr/)
 * (@verityr)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/video-background-4/#post-6325480)
 * Thank you, Marius. I’ve changed most of the sections but haven’t had any issues
   when there has been an update. So, let me get this straight….in the front-page.
   php, every section that I have changed, I need to replace what you said?
 *  [MariusG](https://wordpress.org/support/users/marius_codeinwp/)
 * (@marius_codeinwp)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/video-background-4/#post-6325485)
 * If you are using a child theme and you have modified section files in the child
   theme, then you also need to make the modifications I mentioned earlier in front-
   page.php
 * For example, if I create a child theme and want to customize big_title.php and
   add some extra content there. First, I would create a file in /zerif-child/sections/
   big_title.php, then I would make my customizations.
 * Even though I removed/added content, nothing will be shown because in front-page.
   php it uses the original big_title.php from the parent theme, so next you want
   to add front-page.php to your child theme and then make the replacements I mentioned
   in my previous post.
 *  Thread Starter [verityr](https://wordpress.org/support/users/verityr/)
 * (@verityr)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/video-background-4/#post-6325486)
 * Thank you for all of your help!
 *  [Ov3rfly](https://wordpress.org/support/users/ov3rfly/)
 * (@ov3rfly)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/video-background-4/#post-6325487)
 * This problem in `front-page.php` is also [described here](https://wordpress.org/support/topic/child-theme-fix-use-get_template_part-instead-include-get_template_directory)(
   including fix).
 * The correct way to include files compatible for use with a child theme is via`
   get_template_part()` function of WordPress ([docs here](https://codex.wordpress.org/Function_Reference/get_template_part)).
 *  [IslasBaleares](https://wordpress.org/support/users/islasbaleares/)
 * (@islasbaleares)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/video-background-4/#post-6325488)
 * In where should I input the
 *     ```
       <div id="homevideo">
       <video autoplay loop>
       <source src="url_2_file.mp4" type="video/mp4" />
       </video>
       </div>
       ```
   
 * I don’t see “home-page.php” in Zerif Lite dir, I did put it in “home.php”, but
   it doesn’t work. Nor in front-page.php or index.php
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 8 months ago](https://wordpress.org/support/topic/video-background-4/#post-6325489)
 * [@islasbaleares](https://wordpress.org/support/users/islasbaleares/), Start by
   creating a Child Theme. If you need help with that process then you should open
   a new thread: [https://wordpress.org/support/theme/zerif-lite#postform](https://wordpress.org/support/theme/zerif-lite#postform)
 *  [IslasBaleares](https://wordpress.org/support/users/islasbaleares/)
 * (@islasbaleares)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/video-background-4/#post-6325490)
 * Thanks Andrew, oh so that is neccesary to create a child theme in order to achieve
   what was mentioned above?
 * Changing the default files is pointless then? It seems whatever I change has 
   absolutely no effect on anything in frontend.
 * Sorry, I’m a bit novice in WordPress

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Video background’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/zerif-lite/1.8.5.49/screenshot.
   png)
 * Zerif Lite
 * [Support Threads](https://wordpress.org/support/theme/zerif-lite/)
 * [Active Topics](https://wordpress.org/support/theme/zerif-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/zerif-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/zerif-lite/reviews/)

## Tags

 * [video](https://wordpress.org/support/topic-tag/video/)

 * 12 replies
 * 7 participants
 * Last reply from: [IslasBaleares](https://wordpress.org/support/users/islasbaleares/)
 * Last activity: [10 years, 8 months ago](https://wordpress.org/support/topic/video-background-4/#post-6325490)
 * Status: resolved