• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Problem z filmem jako tło (Opera, Brave)

VPS Starter Arubacloud
+1 głos
143 wizyt
pytanie zadane 10 lutego 2021 w HTML i CSS przez SALVADOR Początkujący (310 p.)

Witam, postanowiłem zrobić video jako tło, znalazłem w necie taki kod (poniżej) ale działa (tzn, video odtwarza sie i zapętla) tylko w Mirosoft Edge i Firefoxie, natomiast nie działa w operze ani w brave ( jedyne co pokazuje to zatrzymany początek video) 

Wszystkie odnośniki video są poprawnie umieszczone

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />

        <title>Video jako tło</title>

        <style>
      :root {
  font-size: calc(1vw + 1vh + .2vmin);
}
body {
  background: #111;
  font: 1rem/1.1 "Montserrat", sans-serif;
  margin: 0;
}
section {
  height: 100vh;
  overflow: hidden;
  position: relative;
}
video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.vignette {
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}
h1 {
  color: #fff;
  font-size: 4rem;
  margin: 3rem;
  position: absolute;
  text-transform: uppercase;
  width: 100%;
  z-index: 2;
}
        </style>
    </head>
    <body>
<section>
  <div class="vignette"></div>
  <h1>Advertising.<br>Digital.<br>Social.</h1>
  <video autoplay="autoplay" loop="loop">
    <source id="video" src="xBomb/XBOMBmp4.mp4" type="video/mp4">
    <source id="video" src="xBomb/XBOMBwebm.webm" type="video/webm">
  </video>
</section>
    </body>
</html>

1 odpowiedź

+2 głosów
odpowiedź 10 lutego 2021 przez ScriptyChris Mędrzec (190,190 p.)
wybrane 10 lutego 2021 przez SALVADOR
 
Najlepsza

Opera i Brave są oparte o Chromium, a ta przeglądarka z kolei (wg MDN) nie odtworzy automatycznie video dopóki nie ma ono ustawionego atrybutu muted.

Jeśli ustawienie atrybutu muted nie pomoże, to może w konsoli przeglądarki są jakieś błędy, które pomogą namierzyć przyczynę problemu?

komentarz 10 lutego 2021 przez SALVADOR Początkujący (310 p.)
Dzięki wielkie działa :D

Podobne pytania

0 głosów
1 odpowiedź 1,554 wizyt
+2 głosów
0 odpowiedzi 1,183 wizyt
pytanie zadane 13 kwietnia 2021 w Sieci komputerowe, internet przez koleś34 Gaduła (3,270 p.)
0 głosów
1 odpowiedź 253 wizyt
pytanie zadane 21 kwietnia 2021 w C i C++ przez kondzix_ez Obywatel (1,910 p.)

92,843 zapytań

141,782 odpowiedzi

320,858 komentarzy

62,174 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...