Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Сначала видео потом HTML. Как?

Сначала видео потом HTML. Как?


     20.12.2014    Общие вопросы по вёрстке, jQuery    2510

вопрос
Здравствуйте!
Как средствами HTML, показать человеку сначала видео, а по его окончанию нужную страницу.
Более чем уверен делать придется средствами JS, но в нем не силен.
С меня пиво :)

Ответил: GSMexpress


В итоге разобрался сам!

<div id="player"></div>

    <script src="http://www.youtube.com/player_api"></script>

    <script>

        var player;
        function onYouTubePlayerAPIReady() {
            player = new YT.Player('player', {
              height: '390',
              width: '640',
              videoId: 'тут id нужного видео',
              events: {
                'onReady': onPlayerReady,
                'onStateChange': onPlayerStateChange
              }
            });
        }

        function onPlayerReady(event) {
            event.target.playVideo();
        }

        function onPlayerStateChange(event) {        
            if(event.data === 0) {          
                  window.location.replace('http://www.google.com');
            }
        }

    </script>

2 комментария

woodzy
Юзер

woodzy - 20 декабря 2014 11:20 -

Как вариант можно через jquery, через определенный период времени делать редирект

GSMexpress
Юзер

GSMexpress - 20 декабря 2014 20:01 -

В дополнении к своему же ответу, вариант на jquery и без youtube.

    
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js">
    </script>
    <script type="text/javascript">
      $(document).ready(function(){  
       $("#myVideo").bind('ended', function(){
          location.href="http://www.google.com";  
       });
      });
    </script>

    <video id="myVideo" width="320" height="240" controls="controls">
      <source src="ny.mp4" type="video/mp4" />
Браузер не поддерживает HTML5 video
    </video>

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх