Faced such a problem that I can not specify the path to the files in the folder.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue-router</title> <link rel="stylesheet" type="text/css" href="https://bootswatch.com/4/cosmo/bootstrap.min.css"> <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=cyrillic,cyrillic-ext" rel="stylesheet"> <link rel="stylesheet" href="assets/style.css"> <script src="http://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script> <script src="http://atuin.ru/demo/vide/jquery.vide.js"></script> </head> <body data-vide-bg="src/assets/video.mp4" data-vide-options="position: '0 100%', bgColor: 'rgba(0,0,0,0.6)'"> <div class="overlay"> </div> <!-- If you want to add content here, a slot is waiting! --> <div id="app"> </div> <!-- built files will be auto injected --> </body> </html> 

Eventually:

 <body data-vide-bg="src/assets/video.mp4" data-vide-options="position: '0 100%', bgColor: 'rgba(0,0,0,0.6)'"> 

He does not see the file, although all the paths are correctly registered, I tried it in different ways, but nothing happened.

  • Can you at least show the structure (where is your location)? - Daniyal Lukmanov

0