Forums

JW Player
/
Setup Issues and Embedding

Video not playing in IE, multiple videos on one page....

10 replies [Last post]
Posted: Mon, 2011-09-26 12:16 Phendyr
Anonymous's picture

Hello,
I have multiple instances of the video player on a single page, that works perfectly fine in every other browser but IE. I'm not exactly sure what the issue is, the page is below:

http://heidmusic.com/Heid-Education/appleton.html

code sample of each video:

<div class="jwbox">
<img class="videolink" width="54" height="26" alt="Play Video" title="Play Video" src="img/instructors/icon-video.jpg"/>
<div class="jwbox_hidden">
<div class="jwbox_content">
<object width="320" height="240" type="application/x-shockwave-flash" id="ply" name="ply" data="player.swf"><param name="allowfullscreen" value="true"/><param name="allowscriptaccess" value="always"/><param name="flashvars" value="file=video-appleton/jbusse.flv"/></object>
</div>
</div>
</div>

I appreciate any help to try and resolve this IE issue. I'm not really sure where to start.

Posted: Mon, 2011-09-26 12:40 Phendyr  
Anonymous's picture

Tried using a different embed method, which is working in IE, but the jwbox effect is not, it just kicks the other content over, and displays the video on the page... Any thoughts? 2nd teach under guitar:

http://heidmusic.com/Heid-Education/green-bay.html

<div class="jwbox">
<img class="videolink" width="54" height="26" alt="Play Video" title="Play Video" src="img/instructors/icon-video.jpg"/>
<div class="jwbox_hidden">
<div class="jwbox_content">
<embed
flashvars="file=video-greenbay/jcheslock.flv&autostart=true"
allowfullscreen="true"
allowscripaccess="always"
id="jcheslock"
name="jcheslock"
src="player.swf"
/>
</div>
</div>
</div>

Posted: Mon, 2011-09-26 13:07 Phendyr  
Anonymous's picture

well that may work in IE, but it broke it in other browsers...

if anyone has feedback on this I would greatly appreciate it.

Posted: Mon, 2011-09-26 13:45 Ethan LongTail  
Ethan LongTail's picture

When embedding the player, you need to use full object/embed tags for full cross browser support.

Posted: Mon, 2011-09-26 14:23 Phendyr  
Anonymous's picture

Hi Ethan,
Do you have an example of what you're referring to? I've tried both the code from the JW Player download, as well as what's displayed from the wizard, and neither works... I take that back, the video will play, but the jwbox effect is not.

- if I use the code from the demo page in the download, the video appears inline on the page, it pushes the text content aside to make room to 'show' the video.

- if I use the code from the wizard, it displays the div tag content of 'this text will be replaced' but no video.

both options work great in firefox, safari etc on a mac. if you can provide a sample o what you're referring to, I would really appreciate it.

Posted: Mon, 2011-09-26 15:11 Ethan LongTail  
Ethan LongTail's picture

From - http://www.longtailvideo.com/support/jw-player-setup-wizard

<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='470' height='320' id='single1' name='single1'>
<param name='movie' value='http://player.longtailvideo.com/player.swf'>
<param name='allowfullscreen' value='true'>
<param name='allowscriptaccess' value='always'>
<param name='wmode' value='transparent'>
<param name='flashvars' value='file=http://content.longtailvideo.com/videos/flvplayer.flv'>
<embed
  id='single2'
  name='single2'
  src='http://player.longtailvideo.com/player.swf'
  width='470'
  height='320'
  bgcolor='#000000'
  allowscriptaccess='always'
  allowfullscreen='true'
  flashvars='file=http://content.longtailvideo.com/videos/flvplayer.flv'
/>
</object>

If you put that inside of the JW Box <div>, it should work.

Posted: Mon, 2011-09-26 15:43 Phendyr  
Anonymous's picture

Thanks Ethan for the quick feedback. I know have the video playing successfully in PC/IE and Mac/FF, Chrome, etc... yay! but on IE, the JWbox does not work yet. in IE it's simply displaying the video on the page, shoving the content all over.

Is that just a js conflict going on?

Posted: Mon, 2011-09-26 15:43 Phendyr  
Anonymous's picture

working page: http://heidmusic.com/Heid-Education/green-bay.html

jcheslock video

Posted: Mon, 2011-09-26 16:37 Phendyr  
Anonymous's picture

Figured out a large part of my issue - there's a conflict between the .js files for jwbox and js files for my tabbed content. If I change the sequence they're listed in code, one will work and not the other, and vice versa.

Although it's not an issue with the JW Player. that is very disappointing. Thank Ethan for the help. Time to search for a different tabbed content solution that hopefully will play nice.

Posted: Mon, 2011-09-26 17:14 Willie Meier  
Anonymous's picture

@Phendyr

Here is a suggestion for you.

Once the video has completed, it still remains in/with the overlay environment of the jwbox.

Consider using the 'event' feature such that once the video has completed it will return to the calling page.

Currently, by clicking anywhere on the overlay it will return you to the calling page. BUT there is no indication with the overlay how to return back to the calling page.

Posted: Mon, 2011-09-26 18:07 Ethan LongTail  
Ethan LongTail's picture

@Phendyr - Glad you figured out what was going on, sorry about the conflict.

  • Locked