Post by thefacebiters » Mon Mar 02, 2015 9:27 am

Hello, I am trying to get a full screen video background working on a project using Vide.js http://vodkabears.github.io/vide/

This is my code:

Code: Select all

<body class="common-home" data-vide-bg="video/supermaxvid" data-vide-options="loop: false, muted: false, position: 0% 0%">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../libs/jquery/dist/jquery.min.js"><\/script>')</script>
<script src="src/jquery.vide.js"></script>
<script>
      $(document).ready(function () {
      $(document.body).vide("video/supermaxvid"); // Non declarative initialization

      var instance = $(document.body).data("vide"); // Get instance
     var video = instance.getVideoObject(); // Get video object
      instance.destroy(); // Destroy instance
    });
</script>
Here is the full code via Pastebin: http://pastebin.com/v7EBa94x header.tpl

I'm very eager and this is kinda urgent to figure out. I've been cracking my brain at this. If anyone has a better method, or knows of something i'm doing wrong with my code please let me know.

Thank you for your time so far 8) .

Newbie

Posts

Joined
Mon Mar 02, 2015 9:14 am
Who is online

Users browsing this forum: No registered users and 5 guests