Jump to content

Using Video instead of image for hero graphic

Recommended Posts



I have looked into this question and have not found any relevant info on it. What I'd like to do is instead of using an image in my Hero graphic, I'd like to use a video.

Example of what I'm trying to do is on my site:




Inside the Wicker I have an image of what is supposed to be a video that I'd like to have play automatically. Currently, I have to have the user click on the watch video link and then to be taken to another page to see the video. This is ineffective. 


Can you please advise as to what I can do to accomplish this?


I don't like the features slider as I can't get it to span all the way across like the Wicker section. 


Thanks for your help!

Share this post

Link to post
Share on other sites

If you need to add a video instead of an image, you'll need to use a different section that will allow it (not the Hero section). Please use the ContentBox to add your content since it will allow HTML for embedding video and customizing content: http://support.pagelines.me/docs/sections/content-box.

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • 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.
    • micstepl
      By micstepl+
      a Hero Section with image on right (standard setting) 
      looks great in SAFARI (latest version) looks great in CHROME  (latest version) distructs in FIREFOX  (latest version) see the images

    • micstepl
      By micstepl+
      BUG: Image padding in hero section
      why is there a padding (lett/right) to the image? 
      (padding/margin options are reset) see documentation
      (with image on the right)  
      This is a general inconsistancy
      throughtout some of the sections that suddenly EXTRA padding/margin shows up  ,Michael

    • crose
      By crose+
      I am using the Canvas Area section at the top of my site. I have a video playing in the background, which works really well on desktop. But on mobile video doesn't play without user interaction, so I have a static image in place as an alternate image. However when viewed on a mobile device there is now a play button over the static image that does nothing. This didn't use to happen so I imaging it is due to an upgrade. But this is really bad UX. Is there a way to remove it?
      Here is the site:
      Thanks in advance.