Skip navigation
SternKnight
Currently Being Moderated

You Tube and viewing images problem

Apr 6, 2012 3:30 AM

Hi all

 

Wonder if someone can help me please look at my link as it will be better to see what’s going on thank me explaining.

 

I have embedded a YouTube video into my online portfolio and also integrated an image viewer, the You Tube video works great though when viewing an image the embedded video can be seen though the image also the image viewer has control images to move from one image to the next and a close button their operations work fine though they are not appearing online but appear fine in Dreamweaver, I have uploaded the whole site, all images and coded files 3 times over the past two days, please help me its driving me insane.

 

Link: http://www.anthonymccormickdesigns.com/ColumbianSnow.html

 

Thank you

 
Replies
  • Currently Being Moderated
    Apr 6, 2012 4:51 AM   in reply to SternKnight

    Unfortunately you are somewhat at the mercy of the Youtube iframe and the Flash video player in it.

    Do this as a test.

    Open your page in IE (FF is not a problem) and "disable" the Flash player.

    In main IE browser menu...Tools/Manage Add-ons/Shockwave Flash Object.... "Disable".

    Then test your page... images work just fine.

    The problem is not your "container" code... but it's Flash content.

    Most like it has to do with the wmode used for the Flash player... from an old article (there are now more wmodes):

     

    Window Mode (wmode) - What's It For?There are three window modes.
    Window
    Opaque
    Transparent
    By default, the Flash Player gets its own hWnd in Windows. This means that the Flash movie actually exists in a display instance within Windows that lives above the core browser display window. So though it appears to be in the browser window, technically, it isn't. It is most efficient for Flash to draw this way and this is the fastest, most efficient rendering mode. However, it is drawing independently of the browser's HTML rendering surface. This is why this default mode (which is equivalent to wmode="window") doesn't allow proper compositing with DHTML layers. This is why your JavaScripted drop-down menus will drop behind your Flash movie.
    In windowless modes (like opaque), Flash Player doesn't have a hWnd. This means that the browser tells the Flash Player when and where to draw onto the browser's own rendering surface. The Flash movie is no longer being rendered on a higher level if you will. It's right there in the page with the rest of the page elements. The Flash buffer is simply drawn into whatever rectangle the browser says, with any Flash stage space not occupied by objects receiving the movie's background color.

    Since you can't really change YouTube's iframe page, you may need to see if you could embed the video in a player where you can set the wmode yourself as one of the vid player params, move the video out of the way, or use javascript to "hide" the video player whenever an image is clicked.

    Javascript hide/show... for example:

    http://www.randomsnippets.com/2008/02/12/how-to-hide-and-show-your-div /

    plus tons of other examples on line.

    Best wishes,

    Adninjastrator

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 6, 2012 8:45 AM   in reply to SternKnight

    Glad to see that you can have some input on that iframe!

    That's a good link to know about. Thanks!

    Best wishes,

    Adninjastrator

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points