Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by williamrossi
williamrossi
6,232 Points

video preview not full height in ie8 or ie9

Hi guys, I have embedded an iframe with a vimeo video inside, the preview is the full capacity of the iframe on all browsers apart from ie, surprise surprise....

In IE it is full width but the top and bottom 20% of the iframe are black with the image preview in the center.

Is there an ie fix? I can't seem to find one

Here is my code.

<iframe src="myvideoexampleblahblah" width="325" height="297" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

4 Answers

Mikkel Madsen
Mikkel Madsen
13,885 Points

Unfortunately IE 8, 9 doesn't support fullscreen. I think your best call is to make a fallback of some kind. But thankfully is the usage of those old browsers on the road down. I think you should use a script to tell your visitors on the site, that they use an old browser, and if they don't get new or another, their experience might degree.

Hope this can put you on track.

williamrossi
williamrossi
6,232 Points

I was afraid that was the case, thanks for your time.

Chris Shaw
Chris Shaw
26,676 Points

If at any point in time you're unsure of browser support for a technology or CSS property you can refer to Can I Use which is updated everyday and contains the most comprehensive list of technology support on the web.

http://caniuse.com/#search=fullscreen

Mikkel Madsen
Mikkel Madsen
13,885 Points
Mikkel Madsen
Mikkel Madsen
13,885 Points

Where is your code mate?:)

Mikkel Madsen
Mikkel Madsen
13,885 Points
Mikkel Madsen
Mikkel Madsen
13,885 Points

But as you might know... http://www.w3schools.com/tags/att_video_height.asp

You could try around at github or stackoverflow looking for a javascript fix.

Maybe this: http://stackoverflow.com/questions/6922493/how-to-play-the-html5-video-in-ie8-browsers

williamrossi
williamrossi
6,232 Points
williamrossi
williamrossi
6,232 Points

http://jsfiddle.net/86e6jymf/

here it is, thanks for the response. i've taken out the video as the client is secretive lol

I'll check out your links!