Logowanie

wideo w slajdzie na stronę główną

pytanie zadane 19 stycznia 2018 w HTML i CSS przez Kacper Wyrozumialski Nowicjusz (240 p.)

Dzień Dobry

W zasadzie to mój pierwszy ambitniejszy projekt strony i chciał bym zrobić coś takiego że na na górze strony będzie Napis powitalny na w tle będzie odtwarzany film ? moglibyście podesłać kod/poradnik (fajnie by było po polsku(podstaw wole się uczyć w języku ojczystym ;) )) jak takie coś zrobić ?

Z góry dziękuje

2 odpowiedzi

odpowiedź 20 stycznia 2018 przez pablop76 VIP (123,580 p.)

odpowiedź 20 stycznia 2018 przez Jakub Radziejewski Obywatel (1,090 p.)
edycja 20 stycznia 2018 przez Jakub Radziejewski

Cześć :)

Polecał bym ci slider na początku, został pokazany w drugim odcinku JavaScript na kanale Pasja Informatyki.


<!DOCTYPE html>
<html>
<head>

  <style>
    .content {
      position: relative;
      width: 100%;
      height: auto;
      margin: 0 auto;
      padding: 20px;
    }
    .content video {
      width: 100%;
      display: block;
    }
    #text{
      font-size: 44px;
      position: absolute;
      top: 100px;
      left: 30%;
      right: 30%;
      top: 20%;

    }
  </style>

</head>
<body>
  <div class="content">
    <div id="text">Witaj na stronie!</div>
    <video id="player" src="http://video.webmfiles.org/big-buck-bunny_trailer.webm" autoplay loop muted></video>
  </div>
</body>
</html>

Możesz zamienić właściwość absolute na fixed i zobaczyć co się stanie przy scrollowaniu.

Na temat właściwości position znajdziesz informacje tu -> https://www.w3schools.com/cssref/pr_class_position.asp