Sign Up for OSTraining

Welcome, Guest
Username: Password: Remember me

TOPIC: youtube not playing on IE

youtube not playing on IE 1 year 3 days ago #49171

  • Heart0
  • Heart0's Avatar
  • OFFLINE
  • OSTop Dog
  • Posts: 340
  • Karma: 0
Do you guys have any suggestions as to why the video on this page www.fivestarpro.net/main-page doesn't play on IE?

I've tried it both ways... via youtube embed... and also via JW Player. In both instances, it plays in the other browsers but not on IE.

I'm using div position tags to place it in the right place on the page...if that has anything to do with it. Although...I'm using other position tags for other things on the page as well and those are working in IE....
Blessings,
~Anita
Please become a member of OSTraining to reply to this post.

youtube not playing on IE 1 year 3 days ago #49177

  • Nick
  • Nick's Avatar
  • OFFLINE
  • Administrator
  • Posts: 17179
  • Thank you received: 445
  • Karma: 63
Hi Anita,

Looks like you're using a single image for the whole layout:
www.fivestarpro.net/images/mainpage.jpg

My guess is that image is appearing above the video, while the video is appearing below it, thus not noticeable.

Try giving your video's div a higher z-index:
www.w3schools.com/cssref/pr_pos_z-index.asp

Hope this helps!

Kind regards,
Nick
Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
Please become a member of OSTraining to reply to this post.

youtube not playing on IE 1 year 3 days ago #49178

  • Heart0
  • Heart0's Avatar
  • OFFLINE
  • OSTop Dog
  • Posts: 340
  • Karma: 0
I tried the z-index...and that's not working either....
Blessings,
~Anita
Please become a member of OSTraining to reply to this post.

youtube not playing on IE 1 year 3 days ago #49181

  • edandrea
  • edandrea's Avatar
  • OFFLINE
  • OSTop Dog
  • Posts: 3105
  • Thank you received: 7
  • Karma: 0
Hi Heart,

I looked at the page in IE and used the developer tools to turn off some of your css. The video is there and it does play, it just is out of position.

Try tracking it down in Firebug or get Firebug light and developer tools for IE so you can see it specifically in that browser.

I included a screen shot of IE after I turned off most of your css items, and you an see the video and it does play when you click it.

Ed
Please become a member of OSTraining to reply to this post.

youtube not playing on IE 1 year 3 days ago #49189

  • Heart0
  • Heart0's Avatar
  • OFFLINE
  • OSTop Dog
  • Posts: 340
  • Karma: 0
Interesting...

But how is it in the right position on all of the other browsers??

Check it out in Chrome, Firefox, etc... It's placed right where it needs to be...
Blessings,
~Anita
Please become a member of OSTraining to reply to this post.

youtube not playing on IE 1 year 3 days ago #49191

  • Nick
  • Nick's Avatar
  • OFFLINE
  • Administrator
  • Posts: 17179
  • Thank you received: 445
  • Karma: 63
Hi Anita,

Each browser interprets HTML differently. IE9 and versions below it, unfortunately, are often a bit buggy and behave differently than Firefox and Chrome. Microsoft has done a better job with newer version of IE though.

Hope this helps!
Anita wrote:
I tried the z-index...and that's not working either....
Would you please explain what specifically you tried?

Kind regards,
Nick
Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
Please become a member of OSTraining to reply to this post.

youtube not playing on IE 1 year 1 day ago #49249

  • Heart0
  • Heart0's Avatar
  • OFFLINE
  • OSTop Dog
  • Posts: 340
  • Karma: 0
Hey Nick -

Here's what I have for the video container:
#video { width: 400px; height:225px; float:left; position: relative; margin-top:-364px; margin-left:297px; z-index:100;}
Blessings,
~Anita
Please become a member of OSTraining to reply to this post.

youtube not playing on IE 1 year 19 hours ago #49346

  • Nick
  • Nick's Avatar
  • OFFLINE
  • Administrator
  • Posts: 17179
  • Thank you received: 445
  • Karma: 63
Hi Anita,

Did you try tracking it down with Firebug Lite or with Developer Toolbar for IE as Ed suggested?

Looks like if you disable the float:left from the video div, it fits nicely in IE.

Kind regards,
Nick
Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
Please become a member of OSTraining to reply to this post.

youtube not playing on IE 1 year 19 hours ago #49347

  • Heart0
  • Heart0's Avatar
  • OFFLINE
  • OSTop Dog
  • Posts: 340
  • Karma: 0
Oh my goodness, that fixed it :)
Blessings,
~Anita
Please become a member of OSTraining to reply to this post.

youtube not playing on IE 1 year 19 hours ago #49348

  • Nick
  • Nick's Avatar
  • OFFLINE
  • Administrator
  • Posts: 17179
  • Thank you received: 445
  • Karma: 63
Hi Anita,

:)

Just make sure you test all the browsers to make sure it didn't throw any of your other elements off a bit.

Kind regards,
Nick
Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
Please become a member of OSTraining to reply to this post.

youtube not playing on IE 1 year 19 hours ago #49351

  • Heart0
  • Heart0's Avatar
  • OFFLINE
  • OSTop Dog
  • Posts: 340
  • Karma: 0
it seems to look good everywhere :)
Blessings,
~Anita
Please become a member of OSTraining to reply to this post.

youtube not playing on IE 1 year 18 hours ago #49355

  • Nick
  • Nick's Avatar
  • OFFLINE
  • Administrator
  • Posts: 17179
  • Thank you received: 445
  • Karma: 63
Great! :)

Kind regards,
Nick
Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
Please become a member of OSTraining to reply to this post.

Sign Up for OSTraining

Copyright 2013 Open Source Training, LLC. All rights reserved.