Responsiveness
Permalink Browser Info Environment
I'm using Quickie Player to embed a video code from Wistia and the player does work but when viewed on an iPhone5 the player isn't responsive.
Is there a fix for this? It's key that the player be responsive on mobile devices.
Is there a fix for this? It's key that the player be responsive on mobile devices.
| Type: | Discussion |
|---|---|
| Status: | In Progress |
Wistia looks like an impressive service and they seem to have their own responsive JS library for their videos called videoFoam and it seems to work with QuickiePlayer in my basic testing, although I'd like to take some more time and see if there are any JS collisions. Below is their example code and realistically you can just plop this into an HTML block and change out your video id code (I have tested and confirmed this).
Alternatively, add the following to your src=" " URL
and add the video foam JS link
Which are the main take aways from the iframe embed above.
I hope to improve the workings of QuickiePlayer as we move forward with updates and compatibility with 5.7, but I truly hope this has solved your issues in the meantime.
-Chloe
<iframe src="http://fast.wistia.net/embed/iframe/fte0mnjeyq?playerColor=81b7db&version=v1&videoHeight=304&videoWidth=540&videoFoam=true" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" width="540" height="304"></iframe> <script src='//fast.wistia.com/static/iframe-api-v1.js'></script>
Alternatively, add the following to your src=" " URL
&videoFoam=true
and add the video foam JS link
<script src='//fast.wistia.com/static/iframe-api-v1.js'></script>
Which are the main take aways from the iframe embed above.
I hope to improve the workings of QuickiePlayer as we move forward with updates and compatibility with 5.7, but I truly hope this has solved your issues in the meantime.
-Chloe
-Chloe