Fadeout <body> в js, когда видео заканчивается и перенаправляется на другой сайт

Question

Fadeout <body> в js, когда видео заканчивается и перенаправляется на другой сайт

0

Я использую script и video.js на своем веб-сайте - я делаю видеоролик - вы нажимаете на ссылку index.html fadeout и fadein cutscene.html - мы видим фильм на 10 секунд, и если конец фильма мы перейдем к contact.html

И все работает очень хорошо, но у меня есть только проблема с fadeout, когда фильм заканчивается

Это мои коды

Custon.js в jQuery

$(document).ready(function () {
    $("body").css("display", "none");
    $("body").fadeIn(2000);
    $("a").click(function (event) {
        event.preventDefault();
        linkLocation = this.href;
        $("body").delay(2000).fadeOut(2000, redirectPage);
    });

    function redirectPage() {
        if (location.href.indexOf('reload') == -1) location.replace(location.href + '?reload');
        window.location = linkLocation;
    }
});

И видео-скрипт:

<video id="movie-id" class="video-js vjs-default-skin alignleft" width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.png" controls preload="auto" autoplay data-setup="{}">
    <source src="oceans-clip.mp4" type='video/mp4' />
    <source src="oceans-clip.webm" type='video/webm; codecs="vp8, vorbis"' />
    <source src="oceans-clip.ogg" type='video/ogg; codecs="theora, vorbis"' />
</video>

И скрипт с перенаправлением

<script type="text/javascript">
_V_("video_background").ready(function () {
    var myPlayer = this;
    myPlayer.play();
    myPlayer.addEvent("ended", function () {
        window.location = "contact.html"
    });
});
</script>

Как добавить эффект fadeout при завершении видео? Пожалуйста, помогите мне. Я действительно ищу 5 дней этот ответ. Большое спасибо, Arleta

Arleta Koźmińska 20 дек. 2013, в 09:41

Источник

Теги:

javascript

jquery

html

html5

html5-video

1 ответ

Ещё вопросы

David · Accepted Answer · 2013-12-20T07-17-00.000Z

Попробуйте добавить fadout в ended обработчике событий:

myPlayer.addEvent("ended", function () {
    $('body').fadeOut(2000, function() {
        window.location = "contact.html"
    });
});

Спасибо - работает потрясающе! :) Ты крутой. В течение 8 минут я принимаю ваш ответ. :)