[Tuto] Vidéo HTML5 en fond d'écran responsive |
Répondre | Page 12> |
Auteur |
Sujet Recherche Options des sujets
|
||||
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(0)
Envoyé : 29 Juil 2016 à 18:08 |
||||
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 - 31 Jan 2017 à 14:42 |
|||||
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(0)
|
||||
Édition de la portion HTML et de la note sur la photo:
Edité par Hobby001 - 14 Oct 2016 à 17:18 |
|||||
Bridet
Senior Member Depuis le: 13 Dec 2013 Pays: Condroz Status: Inactif Points: 5049 |
Options des messages
Thanks(0)
|
||||
Elle ne marche pas la demo :)
|
|||||
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
||||
elle marche bien chez moi
|
|||||
Bridet
Senior Member Depuis le: 13 Dec 2013 Pays: Condroz Status: Inactif Points: 5049 |
Options des messages
Thanks(0)
|
||||
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 - 30 Juil 2016 à 10:24 |
|||||
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(0)
|
||||
Curieux, de chez moi ça fonctionne sur Chrome, Firefox, Vivaldi, Opera, IE et Edge.
|
|||||
Maurice306
Senior Member Depuis le: 20 Avr 2008 Pays: France Status: Inactif Points: 2066 |
Options des messages
Thanks(0)
|
||||
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
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(0)
|
||||
Si quelqu'un peut me dire si ça roule sur un Mac, j'apprécierais.
Merci
|
|||||
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(0)
|
||||
@ 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 - 30 Juil 2016 à 19:43 |
|||||
Bridet
Senior Member Depuis le: 13 Dec 2013 Pays: Condroz Status: Inactif Points: 5049 |
Options des messages
Thanks(0)
|
||||
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 |