Home Forums Arnold WordPress Theme Embeded YouTube Video as part of the page

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #21949
    ignacioaroche
    Participant
    Purchased

    I’m trying to embed a YouTube video in my page:
    https://www.morfema.mx/generando-tu-estrategia/

    First the addon for video that is added plays the video in Full Screen. Not only I don’t want that, but also is hard to close it. Usually a push at the escape botton would do the trick but not now and there is no option to change the closing X.
    I tried adding the ebeded code in a text box as HTML and editing the style, adding this:

    .video-container {
    	position: relative;
    	padding-bottom: 56.25%;
    	padding-top: 30px;
    	height: 0;
    	overflow: hidden;
    }
    
    .video-container iframe,  
    .video-container object,  
    .video-container embed {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    }
    
    .entry-content img, 
    .entry-content iframe, 
    .entry-content object, 
    .entry-content embed {
            max-width: 100%;
    }

    And then I added this in the text box:
    <div class="video-container"> Video Embed code </div>

    I hope you can help me with this.

    Sent you the admin info via e-mail.

    #21950
    ignacioaroche
    Participant
    Purchased

    Oh, forgot to mention that I wanted the video autoplay if possible and disappear the hideous black lines around the video playing.

    #21951
    ignacioaroche
    Participant
    Purchased

    Correction. Seems like the thing I made worked but I needed to clear cache.

    Sorry for this. If someone else has the same problem, can use the code I posted above.

    #21957
    SeaTheme
    Keymaster
    Purchased

    Hi,

    Please add mute=1, it will be autoplay, the new policy is that the autoplay must be with the sound muted.
    Codes updated:
    <div class="video-container"><iframe src="https://www.youtube.com/embed/xxxxxxxx?autoplay=1&loop=1&modestbranding=1&showinfo=0&rel=0&iv_load_policy=3&fs=0&controls=0&mute=1" width="560" height="315" frameborder="0"></iframe></div>

    Are other questions sorted?

    Regards!
    SeaTheme – SeaTheme.netTwitterFacebook

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

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!