Jump to content

Archived

This topic is now archived and is closed to further replies.

allanlove

Using video as a section background

Recommended Posts

allanlove+    1
allanlove

Hi 

 

Can someone please point me in the right direction for some instructions on how to best use video as a background for a full width section? I have managed to get it working on a full width canvass area but it only works if I set the 'scrolling effects and sizing' option to 'set to height of window'. I ideally wanted to set it to 'parallaxed background image'. Also, it isn't responsive so when I change the size of my browser window I lose a lot of the video?

 

Any help or documentation would be greatly appreciated.

 

Thanks

 

Allan 

 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi Allan,

 

Basically what happens is this, the Canvas section uses a css property called background-size and the value cover. Cover scales your image/video to the background element as best it can. However, some of the image/video may be cut off, this can not be prevented. Also, the parallax effect only works on images. If you want to achieve a better responsive effect and parallax you would be better using the RevSlider section instead.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
allanlove+    1
allanlove

Thanks Danny, I've have a play around with it and see what I can do.

 

Allan 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

No problem and keep us posted.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
allanlove+    1
allanlove

Hi Danny, I'm still having issues with this one I'm afraid.

 

I have used the RevSlider section as you suggested and have the video working a treat on the desktop. I have uploaded the video as .mp4 and .ogv as the section suggests. The problem I now have is that when I view the site on my iPhone I don't see the video, just a space where the video should be.

 

Any ideas?

 

Thanks

 

Allan 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

I have viewed our DMS demo on my iphone and found that the video on our demo isn't playing either. Therefore, this may be a bug, which I have just reported.

 


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
allanlove+    1
allanlove

Thanks Danny, any idea how long these things take to fix?

 

Allan 

 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Unfortunately, Allan, we do not give any ETA on bug fixes, this because we do not release an update for every bug, we wait until there are X number fixed before releasing an update.

 

As soon as this has been viewed and fixed, I will reply here, I have bookmarked your topic.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
allanlove+    1
allanlove

Hey Danny, any chance of an update on this one?

 

I am now updated to v2.1.6.1 and I still have the same issue with the video so it looks like the bug hasn't been fixed?

 

Allan 

 

Share this post


Link to post
Share on other sites

  • Similar Content

    • pehja
      By pehja+
      https://pehjaproduction.se/webbdesign/  Video is not showing up in Journey section. Why? I have entered this in the settings 
       
    • dougalperman
      By dougalperman+
      Hi there,
      I'm a big fan of Pagelines, and have been for years.
      I'm trying to control the size of video embeds and having some difficulty. I see that I can just paste the Vimeo video URL into the post and an embed widget will automatically appear, which is great. But the embed box created is much taller that the video (689 x 1000 pixels) so the content sits in the middle of a tall black box, which looks awkward.
      I tried using the full iFrame embed code from Vimeo, which solved the disproportionate embed frame size (or aspect ratio) issue, but despite specifying the dimensions I want (690 x 388), the videos displayed on the post are sized at 300 x 150 pixels.
      I can't work out how to change either.
      I'm using the latest version of Pagelines Framework (Pro) with the Agency them.
      Any help or advice very much appreciated.
      Thanks,
      Dougal
    • nandorj78
      By nandorj78+
      I'd like to request a section (or that this could be enabled on the background settings of the existing sections) in which we could set a image to stay fixed, just as we can see in the link below:
      http://www.bootply.com/render/100702 (you can see 2 different background images and everything scrolls on top of it.)
      Is it possible to be done without having to code it via CSS every time?
    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • clj182
      By clj182+
      Hello,
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      It was working fine before i have no idea what's going on with it.
×