PC SOFT

FORUMS PROFESSIONNELS
WINDEVWEBDEV et WINDEV Mobile

Accueil → WEBDEV 2024 → video en fond de page
video en fond de page
Débuté par Norbert, 14 fév. 2018 12:06 - 4 réponses
Membre enregistré
8 messages
Popularité : +0 (2 votes)
Posté le 14 février 2018 - 12:06
pour mettre une vidéo en fond de page

site en php

dans la description de la page :
code HTML ajouté a l'en tête de la page :
<video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
<source src="KTM.mp4" type="video/mp4">
<img src="KTM.bmp" width="100%" height="100%" > </video>


dans la description du projet, onglet ambiance et style, feuille de style CSS libres

ajouter un ficher CSS avec le code suivant :

#video_background{
position: absolute;
bottom: 0px;
right: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1000;
overflow: hidden;
}


j'ai mis la vidéo dans le repertoire WEB/FR/ de mon site KTM.mp4 avec une image au cas ou la vidéo ne puisse pas s'afficher KTM.bmp

pour plus d'infos voir ce site :

http://outils-web.fr/creer-un-site-avec-une-video-en-fond-de-page-web/

pour le résultat sur mon site (page de test) :

http://www.hazard-light.fr/FR/accueilv.php

je trouve que c'est simple, rapide et efficace
Posté le 15 février 2018 - 11:04
Bonjour
okay et merci pour l'exemple.
Ne prends pas ça comme un tacle, une leçon, mais juste comme une
remarque métier.

Question web désolé mais ce n'est pas du tout adapté.
Question : ton user est là pour regarder une vidéo ou aller chercher de
l'info sur un site ?
si c'est pour regarder une vidéo, il doit pouvoir la regarder sans des
infos parasites, comme des boutosn, des formulaires etc ...
si c'est pour le contenu du site, alors okay pour une anim vidéo
mais légère et pouvant passer en boucle.
là c'est trop long à charger et c'est un film, pas une petite
animation.

Si je veux faire cela, je confie cela à mon prestataire en motion
design.

bref le web, ce n'est pas que de la technique.


Norbert vient de nous annoncer :
pour mettre une vidéo en fond de page

site en php

dans la description de la page :
code HTML ajouté a l'en tête de la page :
<video id="video_background" preload="auto" autoplay="true" loop="loop"
muted="muted" volume="0">
<source src="KTM.mp4" type="video/mp4">
<img src="KTM.bmp" width="100%" height="100%" > </video>


dans la description du projet, onglet ambiance et style, feuille de style CSS
libres

ajouter un ficher CSS avec le code suivant :

#video_background{
position: absolute;
bottom: 0px;
right: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1000;
overflow: hidden;
}


j'ai mis la vidéo dans le repertoire WEB/FR/ de mon site KTM.mp4 avec une
image au cas ou la vidéo ne puisse pas s'afficher KTM.bmp

pour plus d'infos voir ce site :

http://outils-web.fr/creer-un-site-avec-une-video-en-fond-de-page-web/

pour le résultat sur mon site (page de test) :

http://www.hazard-light.fr/FR/accueilv.php

je trouve que c'est simple, rapide et efficace

---
Cet email a fait l'objet d'une analyse antivirus par AVG.
http://www.avg.com
Membre enregistré
8 messages
Popularité : +0 (2 votes)
Posté le 15 février 2018 - 13:40
1- je n'oblige personne a mettre cette vidéo en particulier sur son site.
2- je ne t'oblige pas a l'aimer non plus.
3- je n'oblige personne a aimer le site et ce qu'il y a dessus.
4- la plupart de ceux qui vont, comme moi, voir cet exemple n'en n'ont rien a faire de mon site et du contenu de la vidéo, ce qui va les intéresser, c'est de savoir comment on peut faire ce genre de site, le plus facilement,rapidement et simplement possible.
5- tu me ferai une remarque ou une observation technique sur le code pas de souci, je suis preneur.
exemple (z-index: -1000; en supprimant cette ligne cela fonctionne aussi très bien )
pour un résultat identique, il y a des dizaines de manière de faire, j'ai en proposé une après avoir cherché.
mais ton avis en matière de webdesign ou de graphisme je m'en fout un peu. chacun est libre de créer son site ou celui de ses clients comme il en a envie, ou en fonction de son cahier des charges de son client.
alors je te conseille effectivement en ce domaine d'aller voir un web designer ou autre. d'autant plus que la page du site que je propose en exemple comme je l'ai marqué plus haut est une PAGE DE TEST, alors je te conseille en plus d'apprendre a lire.
Posté le 07 juillet 2018 - 19:13
Bonjour,
Excellent travail j'adore, c'est exactement ce que je chercher, je viens de faire exactement les memes étapes, hélas
ça n'a pas fonctionné pour moi ?
La video apparais en haut ensuite mon site web en bas, une idée ?
Merci.
Membre enregistré
35 messages
Posté le 07 juillet 2018 - 23:08
Bonjour, excellent travail, ça fonctionne trés bien pour moi.
j'ai une question pour afficher une page dynamique awp a partir d'une page PHP, on fait comment ?
J'ai pas l'habitude de travailler avec PHP.