1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

BH Codebreaker - Get videos to stay behind it!

Discussion in 'Black Hat SEO Tools' started by gangsta1, Oct 23, 2009.

  1. gangsta1

    gangsta1 Regular Member

    Joined:
    Oct 12, 2009
    Messages:
    229
    Likes Received:
    20
    Im trying to use the codebreaker on wordpress, but the video I am trying to cover keeps popping over the codebreaker "content is locked" box....Any ideas??
     
  2. oldenstylehats

    oldenstylehats Elite Member Premium Member

    Joined:
    Apr 10, 2008
    Messages:
    1,893
    Likes Received:
    1,196
    I originally wrote this for WP CodeBreaker, but I imagine this applies to any Javascript based overlay.

    By default, most browsers place Flash elements above HTML elements in what is called the z-index stack. Unfortunately, some browsers won't allow the z-index CSS property to change that stack order, so certain browsers will allow Flash elements to "bleed-through" from behind HTML elements. It looks ugly, but luckily there is a quick fix. I'll use the example of a YouTube video.

    By default, these are the basic pieces of the embed code that that YouTube passes when you copy the embed information:
    Code:
    <object width="320" height="265"><param name="movie" value="http://www.youtube-nocookie.com/v/jiSBAykx9vA&hl=en&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/jiSBAykx9vA&hl=en&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object>
    We're interested in this bit in particular:
    Code:
    <embed src="http://www.youtube-nocookie.com/v/jiSBAykx9vA&hl=en&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265">
    What we want to do is to tell Flash to load in a different mode. We can tell it to load itself with a special window parameter (wmode="transparent") by adding the following bit to the end of the above tag:
    Code:
    <embed src="http://www.youtube-nocookie.com/v/jiSBAykx9vA&hl=en&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265" wmode="transparent">
    So, this would make our entire embed tag for YouTube:
    Code:
    <object width="320" height="265"><param name="movie" value="http://www.youtube-nocookie.com/v/jiSBAykx9vA&hl=en&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/jiSBAykx9vA&hl=en&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265" wmode="transparent"></embed></object>
     
    • Thanks Thanks x 7
  3. gangsta1

    gangsta1 Regular Member

    Joined:
    Oct 12, 2009
    Messages:
    229
    Likes Received:
    20
    Well what can I say, that was a fast and effective response if ever I saw one! Cheers mate you made my friday nite, no homo!
     
  4. Scotland

    Scotland Regular Member

    Joined:
    Apr 4, 2009
    Messages:
    379
    Likes Received:
    204
    Occupation:
    Student
    Location:
    On Way To Personal Legend
    Absolutely fab!!

    Anyone reading this and hasnt bought wp guardian, this is the kind of 24/7 support you get!!

    Cheers Olden!!

    John
     
  5. lexus7

    lexus7 Newbie

    Joined:
    Oct 11, 2008
    Messages:
    31
    Likes Received:
    4
    excellent.. needed to know this for something im doing.. :D
     
  6. n3ac3y

    n3ac3y Newbie

    Joined:
    Oct 25, 2009
    Messages:
    15
    Likes Received:
    0
    doesn't seem to work for me on internet explorer even with wmode="transparent"

    any ideas?
     
  7. oldenstylehats

    oldenstylehats Elite Member Premium Member

    Joined:
    Apr 10, 2008
    Messages:
    1,893
    Likes Received:
    1,196
    Any WP Guardian customers that have this issue should PM me or email support with the URL of an example page so we can give you a hand.
     
  8. residnt

    residnt Registered Member

    Joined:
    Jan 21, 2009
    Messages:
    53
    Likes Received:
    3
    This worked great but how do you turn the video back to opaque once the click is completed?
     
  9. oldenstylehats

    oldenstylehats Elite Member Premium Member

    Joined:
    Apr 10, 2008
    Messages:
    1,893
    Likes Received:
    1,196
    As far as I know, you don't have to. Have you experienced issues with this?
     
  10. residnt

    residnt Registered Member

    Joined:
    Jan 21, 2009
    Messages:
    53
    Likes Received:
    3
    Yes if i set it to transarent and someone clicks where the video should be then it just asks them to download it
     
  11. oldenstylehats

    oldenstylehats Elite Member Premium Member

    Joined:
    Apr 10, 2008
    Messages:
    1,893
    Likes Received:
    1,196
    Where are you embedding the video's from? I've never seen this behavior personally, but it sounds like it could be an issue with the flash video player of the site you're working with. The wmode parameter is pretty much the only way to get around the browser fuckery, because you can't dynamically change embed objects without loading them a second time.
     
  12. residnt

    residnt Registered Member

    Joined:
    Jan 21, 2009
    Messages:
    53
    Likes Received:
    3
    i'm tring to do this inside of a table. it actually makes the entire video disappear. I think it's behind the table
     
  13. oldenstylehats

    oldenstylehats Elite Member Premium Member

    Joined:
    Apr 10, 2008
    Messages:
    1,893
    Likes Received:
    1,196
    That very well could be an issue with some browsers. Best case scenario would probably be to do any sort of positioning you're trying to do with <div> tags instead of table tags. However, if tables are an absolute must you might want to try applying z-index and position:absolute style parameters to your table. That might fix the issue in whatever browser you are testing in. I know IE has problems with embedded objects in tables.

    Definitely report back if you have any luck!
     
  14. dietbird

    dietbird Junior Member

    Joined:
    Nov 3, 2009
    Messages:
    126
    Likes Received:
    64
    What more can I say, timely and helping!

    Just a heads up to all future buyers, you will need not worry about that when 1.3 comes out, which is in less than 48 hours.

    blackhatZEN (Maan, I love that nick :D) is a super cool guy, offers amazing support and is unbelievably patient. Even with my noobish persona, lol :D

    At this moment, I can clearly state I have no problems with Wordpress Guardian and everything is working exactly as I wanted it to, maybe even better. It's an amazing piece of software with an even more amazing support. And at that price... Go buy it now, or you'll regret it later. I'm sure I would've.
     
  15. keverone

    keverone Junior Member

    Joined:
    Oct 4, 2009
    Messages:
    147
    Likes Received:
    45
    Yes, me me me >> have had a heck of a time trying to get this resolved...Everything works in fire fox but not IE.

    Anyone reading this have the fix? major rep....