Question

我确定我在这里遗漏了一些东西：

尝试使用bigvideo.js创建一个全屏幕背景视频，其中包含来自vimeo的直接mp4链接。无法解决为什么它不起作用。我已经加载了所有需要的jquery插件和库，但每次加载时都会遇到空白屏幕。

尝试在此页http://dev.searsdavies.co.uk/christmas/

上执行此操作

HTML代码：

<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>Merry Christmas</title>
    <link rel="stylesheet" href="css/foundation.css" />
    <link rel="stylesheet" href="css/app.css" />
    <link rel="stylesheet" href="css/bigvideo.css" />
</head>


<body>

    <script src="js/vendor/jquery.min.js"></script>
    <script src="js/vendor/what-input.min.js"></script>
    <script src="js/foundation.min.js"></script>
    <script src="js/app.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/i18n/jquery-ui-i18n.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.2.0/imagesloaded.pkgd.min.js"></script>
    <script src="js/bigvideo.js"></script>

    <script>
        $(function () {
            var BV = new $.BigVideo();
            BV.init();
            BV.show('https://player.vimeo.com/external/148621522.hd.mp4?s=30a2101d9b98333e354eda46ff4b7451054d03c5&profile_id=119');
        });
    </script>



</body>

</html>

BigVideo.js无法正常工作

0 个答案: