Go Back   MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Reply
 
Thread Tools Search this Thread Display Modes
Old Oct 28, 2010, 04:35 AM   #1
Brendon Bauer
macrumors 6502
 
Join Date: May 2007
Location: Good 'ol USofA
Flash Video Player not displaying on Chrome Windows 7

I have a sermon podcast powered by WordPress located at http://www.summitnorthwest.org/sermonvideo/.

Clicking on "Play Video" runs a javascript that pops open a little window and loads a flash player to watch the video. This has worked fine for years... I just recently noticed that Chrome on Windows 7 does not display the flash player. It's not that it doesn't work properly or bugs out--it just doesn't even show up in the first place. Can someone else confirm this to be the case? And if so, how can I fix this?

Play Video link code:
Code:
<a href="http://blip.tv/file/get/Summitnorthwest-LivingTheGospel375.flv" onclick="javascript:flvplayer(this.href,'1'); return false;" target="_blank">Play Video</a>
Back-end Javascript code that creates popup window:
Code:
// Pop-Up Embedder Script by David Battino, www.batmosphere.com
// Version 2006-05-31  
// OK to use if this notice is included

function flvplayer(filepath,WindowNumber) 
{
    PlayerWin = window.open('',WindowNumber,'width=350,height=315,top=75,left=75,screenX=75,screenY=75,resizable=1,scrollbars=0,titlebar=0,toolbar=0,menubar=0,status=0,directories=0');

    PlayerWin.focus();
    PlayerWin.document.writeln("<html><head><title>Video Sermon Player</title></head>");
    PlayerWin.document.writeln("<body bgcolor='#000000'>"); // specify background img if desired
    PlayerWin.document.writeln("<div align='center' style='margin: 0;'>");
    PlayerWin.document.writeln("<embed src='http://www.summitnorthwest.org/sermons/mediaplayer/player.swf' width='95%' height='80%' allowscriptaccess='always' allowfullscreen='true' flashvars='file=" + filepath + "&autostart=true&fullscreen=true&skin=http://www.summitnorthwest.org/sermons/mediaplayer/nacht_skin.swf' />");
    PlayerWin.document.writeln("</div>");
    PlayerWin.document.writeln("<form style='margin: 0;'><div align='center' style='margin: 5px 0 0 0;'><input type='button' value='Close this window' onclick='javascript:window.close();' style='margin-bottom: 5px'><br /><font color='#cccccc' size='1'>Not working? <a href='http://get.adobe.com/flashplayer/' target='_blank'><font color='#cccccc'>Get Adobe Flash Player</font></a></font></div></form>");
    PlayerWin.document.writeln("</body></html>");

    PlayerWin.document.close(); // "Finalizes" new window
}
player.swf is a JW Player--probably a couple years old by this point.
__________________
Retina Pro 15", iPhone 5
Brendon Bauer is offline   0 Reply With Quote
Old Oct 28, 2010, 11:57 AM   #2
SrWebDeveloper
macrumors 68000
 
SrWebDeveloper's Avatar
 
Join Date: Dec 2007
Location: Alexandria, VA, USA
 
This is a Chrome issue.

Add wmode='opaque' to your embed tag. It's an internal Z-index issue between the video player and the window Chrome opens.

On a side note, I'd like to throw this in as well:

Personally I try to avoid using percentage values for embed width or height attributes as the video scales poorly more times than not and static values always work better for me across all the browser platforms - regardless of any documentation on W3C attribute usage. Personal opinion, not a rule of law.

-jim
__________________
Jim Goldbloom
Sr. Web Developer, owner GoldTechPro, LLC
http://www.GoldTechPro.com
SrWebDeveloper is offline   1 Reply With Quote
Old Oct 28, 2010, 12:55 PM   #3
Brendon Bauer
Thread Starter
macrumors 6502
 
Join Date: May 2007
Location: Good 'ol USofA
Thank you! That did the trick.

As far as the percentages go, I did that so I could have the video resize to fill the window if a user resized the window. That way they aren't stuck with one size and full screen, but can adjust the video player to a size of their choice.

Brendon
__________________
Retina Pro 15", iPhone 5
Brendon Bauer is offline   0 Reply With Quote
Old Oct 28, 2010, 02:04 PM   #4
SrWebDeveloper
macrumors 68000
 
SrWebDeveloper's Avatar
 
Join Date: Dec 2007
Location: Alexandria, VA, USA
 
RE: percentages

Yep, I understand. What I like to do is allow selection of 2-3 different sizes scaled up, plus fullscreen. This gives the user more control and if you select common formats such as original, 320x240, 640x480, etc. the videos scale with less distortion (artifacts/errors) on some monitors. Just an FYI to better explain why I made the suggestion, no need to reply.
__________________
Jim Goldbloom
Sr. Web Developer, owner GoldTechPro, LLC
http://www.GoldTechPro.com
SrWebDeveloper is offline   0 Reply With Quote

Reply
MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
thread Thread Starter Forum Replies Last Post
Adobe Flash Player Problem with Google Chrome lAnthonyl Mac Basics and Help 10 Nov 22, 2012 05:50 PM
Chrome claiming outdated Flash Player timebourne Mac Applications and Mac App Store 7 Sep 18, 2012 07:35 PM
Latest Chrome doesn't show Flash video but Safari does...?? jtcedinburgh Mac Applications and Mac App Store 0 Aug 8, 2012 01:21 PM
Flash Player video stutter lbowler12 Mac Applications and Mac App Store 0 Jun 21, 2012 10:36 AM
Flash Player 11.3.300.257 causes problems in Chrome. Plus solution! Evolvere Mac Basics and Help 1 Jun 18, 2012 07:09 PM

Forum Jump

All times are GMT -5. The time now is 04:20 AM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2013, MacRumors.com, LLC