Background Video HTML Integration for Wordpress Theme

Discussion in 'HTML & Website Design' started by leftwheel, Jan 15, 2015.

  1. #1
    Hi!

    I am facing some trouble integrating a background video into my wordpress theme. I have a very nice background video that i want to integrate.

    My Designer gave me this link:

    http://demosthenes.info/blog/777/Create-Fullscreen-HTML5-Page-Background-Video

    and this code:

    <video autoplay loop poster="background.jpg" id="bgvid">
    <source src="fantasiaA.webm" type="video/webm">
    <source src="fantasiaA.mp4" type="video/mp4">
    </video>

    What I need to know is;

    Where do I have to insert his code?

    Where (which folder in wordpress) do I have to upload the video files to?

    Some Help would be very appreciated. I will thank you for it!
     
    leftwheel, Jan 15, 2015 IP
  2. themes4all

    themes4all Well-Known Member

    Messages:
    662
    Likes Received:
    47
    Best Answers:
    6
    Trophy Points:
    100
    #2
    Hello There,

    You Add the Video on the article you would like to insert the Video.

    You Modify the background.jpg with your Image FULL URL Link... http:// ............../background.jpg

    For the Video, You can Create a Folder on Your Theme "videos" for example, then put the videos there, the link can be videos/video-name..

    That's all and Goodluck
     
    themes4all, Jan 16, 2015 IP
  3. leftwheel

    leftwheel Well-Known Member

    Messages:
    725
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    135
    #3
    I have still no idea where to put the code. I want the video to appear always as background video on all pages of the wordpress blog.

    In which wordpress file do i have to insert the code?

    Where exactly in this file do i have to insert the code?
     
    leftwheel, Jan 27, 2015 IP
  4. serialentre

    serialentre Member

    Messages:
    123
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    30
    #4
    Are you referring to something like that?
    http://www.bkwld.com/

    What you'll have to do is create a custom field somewhere that you can select which video you want. Then you'll write a custom page template that pulls the video into the custom HTML and CSS that you've written based on what you said!

    This way you'll have complete control over the way things are done, and the client will just have to pick which video to place. All you have to do is store the ID of the video in question (if you are hosting the video yourself) or the URL of the video (if it's off site such as YouTube or something). Using the ID/URL, you can do whatever you'd like.
     
    serialentre, Jan 27, 2015 IP