Is there any known way of auto playing video when video is in viewport, I use the following function to determine when an element is in viewport
var isScrolledIntoView = function(elem) {
// get the position of the viewport
var docViewTop = $(window).scrollTop();
var docViewBottom = docViewTop + $(window).height();
// get the position of the player element
var elemTop = $(elem).offset().top;
var elemBottom = elemTop + $(elem).height();
// determine if the player element is in fully in the viewport
return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom)
&& (elemBottom <= docViewBottom) && (elemTop >= docViewTop) );
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//releases.flowplayer.org/6.0.5/flowplayer.min.js"></script>
<link rel="stylesheet" href="//releases.flowplayer.org/6.0.5/skin/functional.css">
<div class="flowplayer" data-swf="http://releases.flowplayer.org/6.0.5/commercial/flowplayer.swf">
<video>
<source type="video/mp4" src="http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_1mb.mp4">
</video>
</div>
I tried few samples as explained at https://flowplayer.org/docs/api.html and it doesn't seems to be working for me