Copy link to clipboard
Copied
Hey guys!
Having trouble with Vimeo embedded video's in Captivate playing consistently across Android devices.
So in captivate we are using web objects to display our videos which are in Vimeo, through the use of the embed code Vimeo provides.
When published and delivered through word-press these videos play fine on iOS devices. However across Android mobile devices, we encounter these problems:
Any solutions as to how we can get the full functionality of these videos throughout all the Android devices?
Thanks
Copy link to clipboard
Copied
I have the same problem with the Captivate. My initial research is below. We continue to see if we can find a solution. Did you find one?
The Android/Chrome/Vimeo problem was caused by a Vimeo upgrade in late 2015, it seems.
In general, it seems that, in some cases, the Articulate and Captivate iframe code is inconsistent with the Vimeo embed code, and the iframe code takes precedence in certain Chrome/Android devices due to the iframe code override.
https://vimeo.com/forums/help/topic:277610
Similar experience with Chrome/Android/Samsung Galaxy S4 (my phone) at:
https://vimeo.com/forums/help/topic:281313
Also, seems to be a relevant thread at: https://vimeo.com/forums/feature_requests/topic:278001
Mike Heavers seems to be the guy who understands this well. His code is below:
<!--this will include the vimeo api-->
<script src="https://f.vimeocdn.com/js/froogaloop2.min.js"></script> <!--this will add your video - make sure to replace the video ID with your own. The api1 turns on the api, the autoplay=0 turns off the autoplay, and the loop=0 stops the loop--> <iframe id="projectplayer" src="https://player.vimeo.com/video/148894857?api=1&background=1&autoplay=0&loop=0"></iframe> <script> iframe = $('#projectplayer')[0]; //if you give your player a different ID, change it here player = $f(iframe); player.api('setVolume',1); //this will unmute the video </script>