在单击链接上，淡出页面播放视频，然后转到页面

Question

下面是我正在尝试使用的代码，基本上我希望用户点击链接，在这种情况下启动'体验'，所以我有preventDefault所以它不直接在那里。运行videoStart函数，淡出我不想要的元素，显示我做的那个（隐藏起来）。然后它应播放并添加一个事件以在视频结束时加载新页面功能（被点击的链接）。

我无法让它工作，我也是jQuery和javascript的新手。我有一个功能，当你点击链接时上下打开页面，我似乎无法让它首先播放这个视频。

$(document).ready(function() {
    $("body").show();
    $(".startvideo").hide();
    $("body").css("display", "none");
    $("body").fadeIn(1000);
    $(".startlink").click(function(event){
        event.preventDefault();
        newLocation = this.href;
        $("body").videoStart();
    });
    $("body").function videoStart() {
        $(".fader").fadeOut(1000);
        $(".startvideo").show();
        $(".startvideo").play();
        $(".startvideo").addEvent("ended", newpage);
        $("body").function newpage() {
        window.location = newLocation;}
    }
});