[Tuto] Vidéo HTML5 en fond d'écran responsive |
Répondre ![]() |
Page 12> |
Auteur |
![]() ![]() |
||||
Hobby001 ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Admin Group ![]() ![]() Modérateur Depuis le: Feb 14 2015 Pays: Canada, Québec Status: Inactif Points: 5788 |
![]() ![]() ![]() ![]() ![]() Envoyé : Jul 29 2016 à 5:08pm |
||||
Préalable: Vous devez disposer de deux fichiers vidéo mp4 et webm ainsi que d'une photo alternative. Téléchargez vos fichiers vidéo et photo alternative sur votre hébergement dans \Files\Image et Files\Video. Étape 2 - Ajouter le code HTML suivant et position header et mettre le bon nom de fichier vidéo
Étape 3 - Ajouter le bloc de code CSS suivant en position header
Étape 4 - Ajouter un élément cliquable appelé WEMutedVideo Étape 5 - Ajouter le code Javascript suivant en position endbody
Notes:
Révisé, 2016-07-29, 15:09 Révisé, 2016-07-30, 07:35 - note sur Ipad ajoutée Révisé, 2016-07-30, vidéo et image remplacées Révisé, 2016-10-14, vidéo silencieux avec bouton pour le son Révisé, 2016-11-06, Ajout d'un contrôle de volume Révisé, 2017-01-05, ajout de vidéo webm pour Apple
Edité par Hobby001 - Jan 31 2017 à 1:42pm |
|||||
![]() |
|||||
Hobby001 ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Admin Group ![]() ![]() Modérateur Depuis le: Feb 14 2015 Pays: Canada, Québec Status: Inactif Points: 5788 |
![]() ![]() ![]() ![]() ![]() |
||||
Édition de la portion HTML et de la note sur la photo:
Edité par Hobby001 - Oct 14 2016 à 4:18pm |
|||||
![]() |
|||||
Bridet ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Senior Member ![]() ![]() Depuis le: Dec 13 2013 Pays: Condroz Status: Inactif Points: 4891 |
![]() ![]() ![]() ![]() ![]() |
||||
Elle ne marche pas la demo :)
|
|||||
![]() |
|||||
brolysan ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Admin Group ![]() ![]() Depuis le: Aug 14 2009 Pays: France Status: Inactif Points: 9915 |
![]() ![]() ![]() ![]() ![]() |
||||
elle marche bien chez moi
![]() |
|||||
![]() |
|||||
Bridet ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Senior Member ![]() ![]() Depuis le: Dec 13 2013 Pays: Condroz Status: Inactif Points: 4891 |
![]() ![]() ![]() ![]() ![]() |
||||
Bizarre, rien ne vient sur cyberfox, une imageet un peu de son sur chrome et toute la video sur edge...
Edit : ça a fini par venir sur chrome mais nada sur cyberfox... Edité par Bridet - Jul 30 2016 à 9:24am |
|||||
![]() |
|||||
Hobby001 ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Admin Group ![]() ![]() Modérateur Depuis le: Feb 14 2015 Pays: Canada, Québec Status: Inactif Points: 5788 |
![]() ![]() ![]() ![]() ![]() |
||||
Curieux, de chez moi ça fonctionne sur Chrome, Firefox, Vivaldi, Opera, IE et Edge.
![]() |
|||||
![]() |
|||||
Maurice306 ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Senior Member ![]() ![]() Depuis le: Apr 20 2008 Pays: France Status: Inactif Points: 2074 |
![]() ![]() ![]() ![]() ![]() |
||||
Merci Hobby001,
![]() ça peut être très utile pour beaucoup !
![]() |
|||||
La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!
|
|||||
![]() |
|||||
Hobby001 ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Admin Group ![]() ![]() Modérateur Depuis le: Feb 14 2015 Pays: Canada, Québec Status: Inactif Points: 5788 |
![]() ![]() ![]() ![]() ![]() |
||||
Si quelqu'un peut me dire si ça roule sur un Mac, j'apprécierais.
Merci
|
|||||
![]() |
|||||
Hobby001 ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Admin Group ![]() ![]() Modérateur Depuis le: Feb 14 2015 Pays: Canada, Québec Status: Inactif Points: 5788 |
![]() ![]() ![]() ![]() ![]() |
||||
@ Bridet, Faites un essai avec le démo au bas de la page sur ce site: http://www.webmfiles.org/demo-files/
Edité par Hobby001 - Jul 30 2016 à 6:43pm |
|||||
![]() |
|||||
Bridet ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Senior Member ![]() ![]() Depuis le: Dec 13 2013 Pays: Condroz Status: Inactif Points: 4891 |
![]() ![]() ![]() ![]() ![]() |
||||
Oui ça marche mais toujours pas sur ta page (le reste comme Vegas, ça marche).
Bizarre! |
|||||
![]() |
Répondre ![]() |
Page 12> |
Tweet
|
Aller au Forum | Permissions du forum ![]() Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |