HTML5 Jquery, Тег Video Redirect после трёх просмотров ролика на автоповторе. Как реализовать?

NOIP · 4 Июн 2016

Доброго времени суток.

HTML:

<video autoplay loop poster="/video/bgfonvid.jpg" id="bgvid"><source src="/video/video.mp4" type="video/mp4"></video>

Помогите усовершенствовать код таким образом что бы после просмотра ролика 3 раз, страница переходила по указанной мною ссылке. то есть к примеру открыл страницу где этот ролик, 3 раза проиграл и после срабатывает редирект к примеру на Google.com.

Viodele · 4 Июн 2016

Во-первых, убрать из тега video атрибут loop. Добавить обработчик по событию oneded + счетчик просмотром.

HTML:

<html>
    <head>
        <meta charset="utf-8" />
        <title>Test Page (autogenerated by Esthetic Code Builder)</title>
       
        <script type="text/javascript">
            var played = 0;
            function videoEnded (id) {
                played++;
                if (played >= 3) {
                    document.location.href = 'https://google.com';
                }
                document.getElementById(id).play();
            }
        </script>
    </head>
    <body>
        <video autoplay poster="/video/bgfonvid.png" id="bgvid" onended="videoEnded('bgvid');"><source src="/video/video.mp4" type="video/mp4"></video>
    </body>
</html>

HTML5 Jquery, Тег Video Redirect после трёх просмотров ролика на автоповторе. Как реализовать?

NOIP

Гуру форума

Viodele

Ex. "Механик"