Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 8, 2018 at 8:24 pm #894897
    scottvarga

    I have reviewed several posts where the you have told users to paste the Youtube embed code in the TEXT tab of the Text Block component.

    When I do this the video shows up and plays fine in the builder but when I PREVIEW the page it does not show up. Just a blank white space where the video should be?

    Here is my Youtube embed code:

    <iframe src=”https://www.youtube.com/embed/toyQxaBUDeM?rel=0&controls=0&showinfo=0&#8243; width=”560″ height=”315″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>

    What am I doing wrong?

    January 9, 2018 at 12:24 am #895002
    Jordan Shannon

    Hey Scott,

    Please provide admin info so we can log in and look into this further.

    Best regards,
    Jordan Shannon

    January 9, 2018 at 12:33 am #895017
    scottvarga

    Here you go.

    January 9, 2018 at 7:05 am #895117
    Rikard

    Hi,

    Thanks for the login details, though the video is showing up fine on my end when previewing the page. Did you try clearing your browser cache or try a different browser?

    Best regards,
    Rikard

    January 9, 2018 at 10:03 pm #895382
    scottvarga

    Hmm, I can see it now. Is there anyway to get it to stretch 100% of the Column Grid Row it is in?

    It also has a 1px black board around it?

    Thanks

    January 10, 2018 at 9:05 am #895555
    Rikard

    Hi,

    If you want it to be full width, then maybe it would be better to set it as a background to a Color Section element?

    Best regards,
    Rikard

    January 10, 2018 at 6:14 pm #895764
    scottvarga

    What I am looking to do is have two videos side-by-side that span the full width of the browser window. Then when clicked on play in place. So using the Color Section doesn’t allow for that which is why I used the Grid Row.

    Is there anyway to do what I am asking?

    I realize I could use the Grid Row and put the images in the background and then launch a lightbox for the video but there are two reasons why this won’t work for me.

    1. I want 20px white borders around each video for visual separation.
    2. I would like them to play in place.

    Thanks for any help.

    January 11, 2018 at 9:06 am #896045
    Rikard

    Hi,

    Ok, thanks for the feedback. I think you will need custom CSS for that. Do you have this set up somewhere, if so then please link to where we can see the Grid Row with the videos and we’ll give you some CSS to use.

    Best regards,
    Rikard

    January 11, 2018 at 6:04 pm #896201
    scottvarga

    The page is the same one you looked at before once logged in as it is still in Draft Mode

    The page is —project prairie line trail

    January 12, 2018 at 8:27 am #896457
    Rikard

    Hi,

    Thanks for that, you should be able to get the videos to extend the full width of the container using this CSS:

    .page-id-5076 #av-layout-grid-1 iframe {
  width:100% !important;
}

    Best regards,
    Rikard

    January 12, 2018 at 8:56 pm #896672
    scottvarga

    Is there anyway I can get CSS that doesnt rely on Page ID so I can apply it via a style name. This way I could use one set of CSS to apply in various places.

    Thanks

    January 12, 2018 at 10:27 pm #896699
    Jordan Shannon

    Hi,

    Maybe you can use the general page class:

    .page #av-layout-grid-1 iframe {
  width:100% !important;
}

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.