fancybox pro with mp4 videos and autoplay

› Forums › Easy FancyBox Pro › fancybox pro with mp4 videos and autoplay

Viewing 5 reply threads
  • Author
    Posts
    • 14 March 2018 at 20:39 #11860
      Mona Reilly
      Participant

      Hello, I have 2 different size mp4 videos, I would like them to open at the right size on a button click and autoplay, and be responsive. Can this be accomplished?

    • 14 March 2018 at 23:47 #11862
      Pharéo
      Keymaster

      Hi Mona, welcome on these forums!

      To have similar media links open in different sizes, you can do the following:
      1. On Settings > Media activate the option to include the jQuery Metadata extension
      2. Then go back to the page where your media links are and add size data to the link class like this example:

      
<a href="//ulr.of/my.mp4" class="button fancybox-iframe {width:480,height:360}">watch my movie</a>

      Autoplay is not possible unless supported as a GET parameter by the browser like for example href=”//ulr.of/my.mp4?autoplay=true” but I’d be surprised if at all widely supported…

    • 15 March 2018 at 17:07 #11865
      Mona Reilly
      Participant

      Thank you so much, I did manage to get this far, the only trouble was that it didnt seem responsive. The window height will not change when the window becomes smaller, since its pre-defined by the iframe. Any way to avoid that?

    • 3 April 2018 at 03:01 #11950
      Rolf
      Keymaster

      Hi Mona, sorry for our late response. We are currently working on a way to keep aspect ratio for video / iframe. We hope to have something soon…

    • 16 April 2018 at 22:15 #12020
      Rolf
      Keymaster

      Hi Mona, if you update Easy FancyBox to version 1.7 from your site admin, you should get reduced frame size on small screens with respect of original aspect ratio, and resizing on screen rotation.

      Let me know how it works out 🙂

    • 16 April 2018 at 23:11 #12021
      Rolf
      Keymaster

      I forgot: it is needed to manually add the (new) option {keepRatio:true} to the iframe class metadata.

      This means as per the example from Pharéo above, it would look like this:

      
<a class="button fancybox-iframe {keepRatio:true,width:480,height:360}" href="//ulr.of/my.mp4">watch my movie</a>

      In a future version, this will be added as a checkbox option 🙂

  • Author
    Posts
Viewing 5 reply threads
  • You must be logged in to reply to this topic.