Video background test

Wappler General How To
#1

Hello @Teodor,

I cant add video background … where is the problem ?

    <!doctype html>
<html><head>
  <base href="/">
  <meta charset="UTF-8">
  <title>Untitled Document</title>
  <script src="dmxAppConnect/dmxAppConnect.js"></script>
  <link rel="stylesheet" href="fontawesome5/css/all.min.css">
  <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" crossorigin="anonymous"></script>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  <script src="dmxAppConnect/dmxBackgroundVideo/dmxBackgroundVideo.js" defer=""></script>
  </head>
  <body is="dmx-app" id="test">
    <section is="dmx-background-video" id="bgvideo1" src="assets/video/bendensonraya.mp4"></section>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  </body></html>
#2

Hello,
What do you mean you can’t add it? What is the issue exactly?

#3

I am testing video background but I cant see any video on my test page …
you can see the my test page source code … where is missng … ?

#4

I can only answer your question if you provide a link to your page

#5

https://bendensonraya.com/test.html

#6

Well Serhat, your section has no height - you can’t see a background of a section which height is 0px :smiley:

2 Likes
#7

:)) ok thanks