Advertisement
jamescolin

Vidéo en fond de page sur SystemeIO

Jan 15th, 2022
241
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.27 KB | None | 0 0
  1. <!--
  2. Si vous avez SystemeIO, bénéficiez de mon offre : https://le.systeme.io/monoffre
  3. Voici le code à coller dans un élément HTML pour afficher une vidéo en fond d'écran dans SystemeIO
  4. Modifiez #video-4b818079 avec l'attribut ID de votre élément vidéo.
  5. Aussi modifiez l'URL de votre vidéo dans source src="XXXXXXX
  6. -->
  7. <video id="jamesvideo" autoplay loop muted>
  8. <source src="https://d1yei2z3i6k35z.cloudfront.net/525/60f83dfd4fba6_man-blacknwhite.mp4" type="video/mp4"/>
  9. </video>
  10. <style>
  11. #video-4b818079 {
  12.   display: none;
  13. }
  14. #jamesvideo {
  15.   position: fixed;
  16.   right:0;
  17.   bottom:0;
  18.   top: 50%;
  19.   left: 50%;
  20.   transform: translate(-50%, -50%);
  21.   min-width:100%;
  22.   min-height:100%;
  23.   width:auto;
  24.   height:auto;
  25.   z-index:-1;
  26.   animation: fadeIn linear 10s;
  27.   -webkit-animation: fadeIn linear 10s;
  28.   -moz-animation: fadeIn linear 10s;
  29.   -o-animation: fadeIn linear 10s;
  30.   -ms-animation: fadeIn linear 10s;
  31. }
  32.  
  33. @keyframes fadeIn {
  34.   0% {opacity:0;}
  35.   100% {opacity:1;}
  36. }
  37.  
  38. @-moz-keyframes fadeIn {
  39.   0% {opacity:0;}
  40.   100% {opacity:1;}
  41. }
  42.  
  43. @-webkit-keyframes fadeIn {
  44.   0% {opacity:0;}
  45.   100% {opacity:1;}
  46. }
  47.  
  48. @-o-keyframes fadeIn {
  49.   0% {opacity:0;}
  50.   100% {opacity:1;}
  51. }
  52.  
  53. @-ms-keyframes fadeIn {
  54.   0% {opacity:0;}
  55.   100% {opacity:1;}
  56. }
  57. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement