Quark and the video module

Support desk for Multipurpose Quark Theme
GK User
Thu Mar 12, 2015 6:58 pm
The Restaurant template has a video element but I'd like that as the header.
I've tried various modules (bought) and was about to try a workaround on your blog.

However the Restaurant template may have solved my problem.
I've tried having the 'Book a Table' module in the header but it doesn't work.
Tried playing about with the code (not a coder).

How can I have the header text the same but with background video loop?

Thanks,
John.
User avatar
Expert Boarder

teitbite
Sat Mar 14, 2015 12:50 pm
Hi

I'm afraid this is a customisation request and we do not support that.
User avatar
Moderator

GK User
Fri Apr 03, 2015 5:11 am
Hi,
I have a video bg in my page (esavas.es).

This is the code for Header-Front:
Code: Select all
<p>
   <video autoplay="autoplay" loop="loop" width="100%" height="" poster="images/demo/restaurant-style/bg.jpg" muted="" style="margin-top: -100px;">
      <source src="media/videos/TheVideo.mp4" type="video/mp4" />
   </video>
</p>
<div class="gkPage">
   <h1 data-sr="enter bottom and move 50px">Header</h1>
   <p data-sr="enter bottom and move 50px and wait .2s">Sub header text</p><a href="#" class="btn" data-sr="enter bottom and move 50px and wait .3s">Button text</a>
</div>
<p><sub data-sr="enter bottom and move 50px and wait .3s">Small text<br />below the button</sub>
</p>

I had to play around with the video resolution, but finally I got it ;)

Hope that helps.
XLive
User avatar
Junior Boarder

teitbite
Tue Apr 07, 2015 1:24 pm
Hi

Ok. Thanks for shearing this with users, but I think the problem is with CSS this requires. A video code is provided along with Quark template, but it only works in some areas. To use it globaly a CSS have to be adjusted.
User avatar
Moderator


cron