WPtouch Mobile Plugin
[Plugin: WPtouch] iOS6 Wrong format for embedded YouTube video (6 posts)

  1. medblogger
    Posted 4 years ago #

    Embedded YouTube video showed a long black box in iOS6.

    The YouTube link we embedded in our webpage http://medconnections.com/frequently-asked-questions/

    It is well formatted using non-iOS6 device under Safari.

    The original source code:
    <div class="youtube" style="width: 640; height: 360; text-align: center;"><object width="640" height="360" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="wmode" value="transparent" /><param name="src" value="http://www.youtube.com/v/Yvru2SdhwJc&rel=0&hd=1" /><embed width="640" height="360" type="application/x-shockwave-flash" src="http://www.youtube.com/v/Yvru2SdhwJc&rel=0&hd=1" wmode="transparent" /></object></div>

    But it just showed a long black box in iOS6.

    Any help on that?


  2. BraveNewCode Inc.
    Plugin Author

    Posted 4 years ago #

    We are unable to provide support for beta (or other non-final) releases of WordPress or third-party plugins but here is a screenshot of your site as we see it. The video seems to be displaying properly.

  3. medblogger
    Posted 4 years ago #

    This is a WP-Touch - iOS6 web browser compatibility issue. On iOS 5 or lower it is fine.

    I attached the screenshot here

  4. BraveNewCode Inc.
    Plugin Author

    Posted 4 years ago #

    As mentioned, we can only provide support for stable releases. Beta releases such as iOS6 are beyond the scope of our services. Glad to hear that all is well with iOS5 and WPtouch.

  5. medblogger
    Posted 3 years ago #

    Can you please try that again? iOS6 is not official.

  6. BraveNewCode Inc.
    Plugin Author

    Posted 3 years ago #

    We tested your code as well as the embed code provided by YouTube using the latest stable release of iOS6. The YouTube code worked well while yours did produce the black area you mentioned. We suspect your div class="youtube" settings to be involved.

    Here's what we used for successful display:
    <iframe src="http://www.youtube.com/embed/Yvru2SdhwJc?rel=0" frameborder="0" allowfullscreen></iframe>

    Note that the iFrame dimensions have been removed for use on mobile devices.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WPtouch Mobile Plugin
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic