Responsive HTML5 Background Video

  • mcography

    (@mcography)


    10 years, 7 months ago

    Does anyone have any tips on how to create a full-screen responsive HTML5 video background (like this)? I’ve found some tutorials online that show how to write the needed HTML and CSS, but I’m wondering if there is a way to make it so that my client can easily change/update the video in the WordPress editor rather than going in and changing the HTML every time he wants to upload a new video. Does anyone know if this is possible?

    Thanks!

Viewing 1 replies (of 1 total)
  • wpismypuppet

    (@wordpressismypuppet)

    10 years, 7 months ago

    Of course it’s possible. But not they way you’d like it to be. What you’ll have to do is create a custom field somewhere that the client can select which video they 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! Easy as that.

    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.

Viewing 1 replies (of 1 total)
  • The topic ‘Responsive HTML5 Background Video’ is closed to new replies.