Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML] element video responsywny i skalowalny
Sebastian003
post 6.07.2020, 09:38:46
Post #1





Grupa: Zarejestrowani
Postów: 282
Pomógł: 2
Dołączył: 22.03.2007

Ostrzeżenie: (0%)
-----


Witam, jak mam zrobić aby wideo na stronie dobrze wygladało przy mniejszych rozdzielczościach i wypełniało cały ekran... tak aby nie było mocno przyblizone ?

Mam taki kod:

  1. <video class='myVideo' playsinline autoplay loop>
  2. <source src="background_video.mp4" type="video/mp4">
  3. Your browser does not support HTML5 video.
  4. </video>


  1. body {
  2. margin: 0;
  3. color:#fff;
  4. background-color: #fff;
  5. }
  6.  
  7.  
  8. .myVideo {
  9. position: fixed; right: 0; bottom: 0;
  10. min-width: 100%; min-height: 100%;
  11. width: auto; height: auto; z-index: -100;
  12. background-size: cover;
  13. }
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 20.04.2024 - 04:03