Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 19, 2014 at 7:51 pm #253520
    atrixdave

    Hi,

    I’m trying to “autohide” the controls on an embedded YouTube video on my site. I’m using the Avia Layout Builder, and the Video Element only allows me to input a URL and change the Video Format (16:9, etc).

    My question is, how do I add additional controls such as “autohide” to videos here. Entering embed code directly will not display within the Avia Layout Builder setup.

    Thanks for your help.

    Dave

    April 21, 2014 at 2:59 pm #253818
    Ismael

    Hi atrixdave!

    Thank you for using the theme!

    If you want a full control over the embedded video on youtube, please use the Code Block element. Get the embed code of the youtube video then wrap it on the avia-video container. Something like this:

    <div class="avia-video avia-video-16-9  " itemprop="video" itemtype="http://schema.org/VideoObject">
<div class="avia-iframe-wrap"><iframe width="1500" height="844" src="//www.youtube-nocookie.com/embed/G0k3kHtyoqc?rel=0&controls=0" frameborder="0" allowfullscreen></iframe></div>
</div>

    You can now add more video attributes on the video url. On the example above, we added the control and related option. Please use the width and height property of the example code across all youtube videos that you’ll embed.

    Best regards,
    Ismael

    April 21, 2014 at 8:06 pm #253995
    atrixdave

    This works, thank you!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How to Customize YouTube Videos Within Layout Builder’ is closed to new replies.