Play HTML 5 video on focus like FaceBook using jQuery in ASP.Net

Hi nauna,

You can achieve it using isInViewport.js.

Refer below code

<div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/is-in-viewport/3.0.0/isInViewport.min.js"></script>
    <script type="text/javascript">
        function pageLoad() {
            $('video').each(function () {
                if ($(this).is(":in-viewport")) {
                    $(this).get(0).play();
                } else {
                    $(this).get(0).pause();
                }
            })
            $(window).scroll(function () {
                $('[id*=video]').each(function () {
                    if ($(this).is(":in-viewport")) {
                        $(this).get(0).play();
                    } else {
                        $(this).get(0).pause();
                    }
                })
            });
        }
    </script>
</div>