WordPress.org

Ready to get started?Download WordPress

Forums

Easy Modal
Videos inside modals won't play on iPad because player is loaded before needed (3 posts)

  1. iconoclastix
    Member
    Posted 10 months ago #

    Hi, I've got a video hosted on Vimeo.com that I am embedding into a modal window on my webpage but I've discovered a problem in that when I open the modal on my iPad to watch the video, the sound plays but the screen is black (i.e. the video doesn't play but you can hear it). I posted a topic on the Vimeo help forums (here's the URL: https://vimeo.com/forums/help/topic:110533) and they said that it's caused by how the modal uses display:none ...is there any way to fix this or should I be looked for a different embed service? I have a fair amount of web traffic using iPads so it's important that they can view it properly! :)

    http://wordpress.org/plugins/easy-modal/

  2. danieliser
    Member
    Plugin Author

    Posted 10 months ago #

    Hmm did they happen to give you any indications of how this could be fixed or any suggestions as to how it should be done properly?

    One thing that may work is having the src attribute removed and added back.

    I will have to do some research to make sure the fix can be applied across the board without breaking anything.

  3. iconoclastix
    Member
    Posted 10 months ago #

    Well, here's all they were able to tell me:

    The issue is likely due to the embedded player being loaded but hidden before it's actually needed. It's best practice to only load the player when it's actually being displayed, instead of hiding it by using display:none. This may also be caused by the lightbox you're using to display the embed, you may want to contact the developer of that code for support.

    Is there a way to "only load the embedded player when it's needed"?

    So I'm not sure if this is something I'm able to fix myself? I'm happy to try...I just don't know what to try/do. I did try removing SRC attribute from within the modal box code and then saving, then adding it back, but it's still giving me the same problem.

Reply

You must log in to post.

About this Plugin

About this Topic