Embeded YouTube Video as part of the page

[ignacioaroche]

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.

[ignacioaroche]

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

[ignacioaroche]

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.

[SeaTheme]

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.net – Twitter – Facebook

[Author]

Posts