Comment INSERER une 🎞️Vidéo en Arrière-Plan d'une Page Web🌐 | HTML CSS & JS

  Рет қаралды 10,780

ETC SCHOOL

ETC SCHOOL

2 жыл бұрын

Dans cette vidéo nous allons voir comment insérer une vidéo en arrière-plan d'une page web html css et javascript. Nous allons construite cette page web html css et javascript comment une page web de tourisme et nous allons mettre une vidéo en arrière-plan (background).
Dans ce tutoriel instructif, nous vous montrerons comment ajouter une vidéo en arrière-plan d'une page web pour créer des effets visuels captivants. Que vous soyez un développeur web passionné ou simplement curieux d'apprendre de nouvelles techniques de conception, ce guide complet vous permettra de maîtriser l'art d'insérer des vidéos en arrière-plan de manière élégante.
Découvrez comment utiliser HTML, CSS et JavaScript pour intégrer une vidéo en tant qu'élément de fond sur votre page web. Nous vous guiderons à travers les étapes de sélection et de compression de la vidéo appropriée, ainsi que de son intégration dans votre code HTML.
Au cours de ce tutoriel, vous apprendrez à utiliser les propriétés CSS pour ajuster la taille, la position et l'opacité de la vidéo en arrière-plan, afin de l'adapter à votre conception et d'assurer une expérience visuelle harmonieuse pour vos utilisateurs.
Nous aborderons également des techniques avancées pour améliorer la performance, l'accessibilité et la compatibilité multiplateforme de votre page web. Vous découvrirez comment gérer les différentes options de lecture, la synchronisation audio, les formats de vidéo pris en charge et les préoccupations liées au chargement de la page.
De plus, nous vous présenterons des astuces et des conseils pour créer des effets visuels supplémentaires, tels que la superposition de texte, l'animation et la parallaxe, afin de rendre votre vidéo en arrière-plan encore plus attrayante et immersive.
Rejoignez-nous dès maintenant et apprenez comment insérer une vidéo en arrière-plan dans une page web en utilisant HTML, CSS et JavaScript. Ajoutez une dimension cinématographique à vos conceptions et impressionnez vos utilisateurs avec des effets visuels saisissants.
🔴Abonne toi en cliquant ici ⬇️:
/ @etcschool2
-------------------------------------------------------------------------------------------------
👍Cours HTML & CSS:
• 📚APPRENDRE HTML & CSS:...
-------------------------------------------------------------------------------------------------
Lien github script typing effect:
github.com/mattboldt/typed.js/
-------------------------------------------------------------------------------------------------
✅Me suivre sur likendIn:
/ matthieu-mulumba
✅Me suivre sur Instagram:
/ matthieu_mulumba.k
✅Suivez-nous sur Facebook
/ etceducatiion
-------------------------------------------------------------------------------------------------
#html
#css
#javascript
#htmlvideoarriereplan
#htmlvideobackground
#backgroundvideohtmlcss
#typingeffecthtmlcssjavascript
#htmltexteanime
#htmlajoutervideo
#commentmettreunevideodansunepageweb
#commentinsererunevideodansunepageweb
#htmltutorial
#programmation
#websitehtmlcss
#débutant
#courshtmlcss
#créationpageweb
#conceptionpagewebhtmlcssjavascript
#applicationdemusiquehtmlcssjavascript
#tutohtmlcssjavascript
#tutorapidehtmlcssjavascript
#tutorielhtmlcssjavascript
#tutorielrapidehtmlcssjavascript
#tutowebdesign
#tutodeveloppementweb
#portfoliohtmlcss
#sitewebhtmlcssjavascript
#portfoliohtmlcssjavascript
#apprendrehtmletcss
#commentcréerunsitewebavechtmlcssetjavascript
#créerunsitewebhtmlcss
#creerunsitewebavechtmletcss
#creerunepagewebavechtmletcss
#créationsitewebhtml,cssjavascript
#htmlcssjavascript
#portfoliohtml
#projethtmlcssjavascript
#websitehtmlcssjavascript
#animationbordercss
#creationdesitewebavechtmletcss
#créerunsitewebhtmlcssjavascript
#htmlcss
#javascript
#courshtml
#coursjavascript
#courscss
#htmlcssportfolio
#htmlcsssite web
#javascriptpourleweb
#portfoliocsshtml
#projethtmlcss
#projetjavascript
#sitewebhtmlcss
#etc
#etcschool
#enginerringtrainingcenter
377abonnés

Пікірлер: 20
@mohamedfall4159
@mohamedfall4159 Жыл бұрын
Merci beaucoup pour votre vidéo très intéressante et didactique 💯👍
@etcschool2
@etcschool2 Жыл бұрын
Merci pour le commentaire, n'hésitez pas de partager la vidéo.
@rien7022
@rien7022 Жыл бұрын
très très bonne vidéo
@etcschool2
@etcschool2 Жыл бұрын
Thanks, n'hésitez pas de partager.
@albumjsk_archive5199
@albumjsk_archive5199 Жыл бұрын
wow très jolie travail, mon rêve c'est d'apprendre a manipuler le html ...
@etcschool2
@etcschool2 Жыл бұрын
Merci et bienvenue à vous sur la chaîne.
@bakayokomoussa9117
@bakayokomoussa9117 8 ай бұрын
merci beaucoup je veux devenir un bon programmeur mais j'ai du mal a bosser franchement j'ai besoin de vos conseils merci monsieur
@etcschool2
@etcschool2 8 ай бұрын
Bonjour, dans un premier temps il faudrait installer une habitude en focalisant votre intérêt sur la chose (regardez des tutos et formations) mais surtout d'essayer de les reproduire pour réveiller cette incitation. Sachez le que nous lançons très prochainement notre plateforme de cours en ligne. Cordialement.
@user-fm4ss5cz2n
@user-fm4ss5cz2n 7 ай бұрын
dans une div ? et pour qu'elle s'adapte à la largeur de div ?
@guichardjeanlouis5842
@guichardjeanlouis5842 Жыл бұрын
Salut j'ai une question.comment peut on modifier,un site qui a été déjà héberger ex:pour faire des mises à jours sois pour mettre,une photo, ect.Merci
@etcschool2
@etcschool2 Жыл бұрын
Bonjour, vous pouvez le faire directement à partir du "content" (là où sont stockés les fichiers de votre site ) "file manager" dans votre hébergeur. Vous pouvez le faire directement en ligne avec un bloc note ou l'importer après modification avec un éditeur de code.
@ouazzanihamza6754
@ouazzanihamza6754 Жыл бұрын
svp le autoplay ne fonction pas est-ce qu'il y a des conditions pour son fonctionnement ?
@etcschool2
@etcschool2 Жыл бұрын
Normalement non c'est paramétré dans la base vidéo partie HTML (autopplay...) sinon essayez d'utiliser une autre vidéo...
@ouazzanihamza6754
@ouazzanihamza6754 Жыл бұрын
@@etcschool2 même pour le autoplay dans les audios ne fonctionne pas Je veux bien savoir s'il vous plaît est ce qu'il y a une condition sur les vidéo ( l'extension, la taille...) pour qu'il fonctionne
@etcschool2
@etcschool2 Жыл бұрын
@@ouazzanihamza6754 le format vidéo utilisé est un MP4 qui fait environ 9MB.
@dianemedomche3322
@dianemedomche3322 Жыл бұрын
Merci bien Entre-temps j’aimerais savoir comment convertir les liens de scripts que vous copier pour ceux qui travaillent hors ligne?
@etcschool2
@etcschool2 Жыл бұрын
Bonjour, vous parlez de quels scripts?
@dianemedomche3322
@dianemedomche3322 Жыл бұрын
@@etcschool2 les liens que vous copiez sur Google pour coller dans l’IDE la. Les « fonts » et autres
@user-vt7sd4od8z
@user-vt7sd4od8z Жыл бұрын
Vous allez beaucoup trop vite et on n'y comprend strictement rien c'est fort dommage
@etcschool2
@etcschool2 Жыл бұрын
Merci pour votre commentaire, je vais en tenir compte dans les prochaines vidéos.
Nastya and SeanDoesMagic
00:16
Nastya
Рет қаралды 42 МЛН
Smart Sigma Kid #funny #sigma #comedy
00:40
CRAZY GREAPA
Рет қаралды 32 МЛН
ЧУТЬ НЕ УТОНУЛ #shorts
00:27
Паша Осадчий
Рет қаралды 10 МЛН
Mama vs Son vs Daddy 😭🤣
00:13
DADDYSON SHOW
Рет қаралды 49 МЛН
10 CSS animation tips and tricks
20:13
Kevin Powell
Рет қаралды 172 М.
Animer le chargement d'un site !
10:16
École du Web
Рет қаралды 58 М.
Tutoriel JavaScript : Effet de parallaxe au défilement
35:27
Grafikart.fr
Рет қаралды 17 М.
Login Form in HTML & CSS
11:07
Codehal
Рет қаралды 1,4 МЛН
Background images with HTML & CSS
20:19
Kevin Powell
Рет қаралды 357 М.
📚APPRENDRE HTML & CSS: COURS POUR DEBUTANTS👨‍💻
1:29:25
ETC SCHOOL
Рет қаралды 11 М.
Nastya and SeanDoesMagic
00:16
Nastya
Рет қаралды 42 МЛН