程序看不到我的视频(CSS,EXPRESS)

时间:2019-06-18 08:09:37

标签: css node.js express

我需要添加视频。但是,默认的创建方法并不可行。我猜想,我还需要在此路径中添加一些地方,但我不知道在哪里。

我已经尝试过将视频与singup.hbs放在文件夹中,但是不起作用

signup.hbs:

<!DOCTYPE html>
<html>
    <link rel="stylesheet" type="text/css" href="/css/style.css">
    <head>
        <title></title>
    </head>
    <body>
        <div class="site-style">
        <div class="fullscreen-bg">
            <div class="main-log">
                <form id="signup" name="signup" method="post" action="/signup">
                    <label for="email">Email Address</label>
                    <input class="text" name="email" type="email" />
                    <label for="firstname">Firstname</label>
                    <input name="firstname" type="text" />
                    <label for="lastname">Lastname</label>
                    <input name="lastname" type="text" />
                    <label for="password">Password</label>
                    <input name="password" type="password" />
                    <input class="btn" type="submit" value="Sign Up" />
                </form>
            </div>
            <video loop muted autoplay poster="video/plane.jpg" class="fullscreen-bg__video" width="100%" height="auto" autoplay="autoplay" loop="loop" preload="auto">
                <source src="club_v.mp4" type="video/mp4">
            </video>
        </div>
    </body>
</html>

structure_of_program

video_v.mp4在一个文件夹中:\ app \ views

我的页面上没有视频(

1 个答案:

答案 0 :(得分:1)

您可以将视频文件(例如video_v.mp4)移动到public文件夹(您在其中拥有其他静态资产,例如css-files)。

然后

<source src="video_v.mp4" type="video/mp4">

应该工作。