Video embed is a wonky size « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Eunoia

Video embed is a wonky size

7 posts from 3 voices

Started 3 months ago by mudskippir
Latest reply from Nick
This topic is not a support question

Tags:

mudskippir
Member

Hi there,

I have a 16:9 video embedded on my blog from Vimeo. Here's the embed code that I'm using in the post:
<iframe src="http://player.vimeo.com/video/51092163?color=ff9933" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

And here is the page:
http://www.theybklyn.com/blog/

Notice that on the page, despite my embed code saying that the height should be 281px high, my embedded video is showing up at 77px high.

Any idea why this might be happening?

Thanks!
Christy

Posted 3 months ago #
mudskippir
Member

A solution:

So on the blog page, the post at the bottom of the page has a Vimeo video embedded that had a 77px high setting due to it being a 360 degree video, weird format. When we changed those settings to 281px high (and thereby sacrifice the look of the video on our blog), it fixed the most recent embedded video.

Even though my original question was solved, can you still tell me if you know why the Beneath 360 video settings were overriding our most recent Out of Order trailer settings? I'd prefer to pick individual sizes as we post lots of different videos.

Thank you.
Christy

Posted 3 months ago #
mudskippir
Member

Can someone please help me answer this question?

re:

Can you tell me how to make my embed video sizes not override new videos that are embedded? See above questions for more details.

Thanks.

Posted 3 months ago #

Ismael
Moderator

Hi,

I'm not sure but I guess a js script from js > avia.js might be causing this.

// -------------------------------------------------------------------------------------------
// small js fixes for pixel perfection :)
// -------------------------------------------------------------------------------------------
function avia_small_fixes(container)
{
	if(!jQuery.support.opacity)
	{
		jQuery('.image_overlay_effect', container).css({'background-image':'none'});
	}

	setTimeout(function()
	{
		jQuery('.twitter-tweet-rendered', container).attr('style',"");
	}, 500);

	var win		= jQuery(window),
		iframes = jQuery(' iframe:not(.slideshow iframe):not( iframe.no_resize)', container),
		adjust_iframes = function()
		{
			iframes.each(function(){

				var iframe = jQuery(this), frame_parent_w = iframe.parent().width(), proportions = 16/9;

				if(this.width && this.height)
				{
					proportions = Math.round(this.width / this.height * 1000) / 1000;
					iframes.css({width:frame_parent_w, height: frame_parent_w / proportions});
				}

			});
		};

		adjust_iframes();
		win.smartresize(adjust_iframes);

}

Let me tag the rest of the support team. See if they have any idea.

Regards,
Ismael

Posted 3 months ago #

Nick
Moderator

Hi,

Your vimeo videos look to me to be 600x337 . What browser are you using?

Thanks,

Nick

Posted 3 months ago #
mudskippir
Member

Hi Nick,

Chrome and Firefox.

Posted 3 months ago #
Nick
Moderator

Hi,

Please clear out your cache, I am using Chrome and see this http://www.clipular.com/c?1956139=RnlKUbOwFQoT6Y8PMPdPeYN3ong

On Firefox it looks identical to the snapshot.

Thanks,

Nick

Posted 3 months ago #