Auteur Sujet: Exemples de pages web avec vidéo décorative  (Lu 7483 fois)

0 Membres et 1 Invité sur ce sujet

vivien

  • Administrateur
  • *
  • Messages: 49 984
    • Bluesky LaFibre.info
Exemples de pages web avec vidéo décorative
« Réponse #36 le: 24 février 2025 à 09:44:01 »
Page : https://www.centerparcs.fr/fr-fr/france/fp_CH_vacances-domaine-les-hauts-de-bruyeres
- Vidéo de 14,0 Mo (en version haute qualité, deux autres définitions sont disponibles sur l'hébergeur Vimeo, je ne sais pas si elles sont utilisées)
- Durée : 42 secondes
- Définition : 1366 x 342 à 25 images par seconde
- Codec : H.264 High, débit de 2,5 Mbit/s
- Piste audio présente, mais sans son (téléchargée, mais non utilisée) : 125 Kb/s en AAC LC



La vidéo :


vivien

  • Administrateur
  • *
  • Messages: 49 984
    • Bluesky LaFibre.info
Exemples de pages web avec vidéo décorative
« Réponse #37 le: 24 février 2025 à 09:45:27 »
Page : https://www.centerparcs.fr/fr-fr/france/fp_BD_vacances-domaine-le-bois-aux-daims
- Vidéo de 22,6 Mo (en version haute qualité, deux autres définitions sont disponibles sur l'hébergeur Vimeo, je ne sais pas si elles sont utilisées)
- Durée : 71 secondes
- Définition : 1366 x 342 à 25 images par seconde
- Codec : H.264 High, débit de 2,2 Mbit/s
- Piste audio présente, mais sans son (téléchargée, mais non utilisée) : 192 Kb/s en AAC LC



La vidéo :

vivien

  • Administrateur
  • *
  • Messages: 49 984
    • Bluesky LaFibre.info
Exemples de pages web avec vidéo décorative
« Réponse #38 le: 24 février 2025 à 09:47:57 »
Page : https://www.centerparcs.fr/fr-fr/france/fp_BF_vacances-domaine-les-bois-francs
- Vidéo de 15,7 Mo (en version haute qualité, deux autres définitions sont disponibles sur l'hébergeur Vimeo, je ne sais pas si elles sont utilisées)
- Durée : 52 secondes
- Définition : 1366 x 342 à 25 images par seconde
- Codec : H.264 High, débit de 2,4 Mbit/s
- Pas de piste audio  (pour une fois, comme quoi c'est possible)



La vidéo :

vivien

  • Administrateur
  • *
  • Messages: 49 984
    • Bluesky LaFibre.info
Exemples de pages web avec vidéo décorative
« Réponse #39 le: 24 février 2025 à 09:49:36 »
Page : https://www.centerparcs.fr/fr-fr/france/fp_TF_vacances-domaine-les-trois-forets
- Vidéo de 5,9 Mo (en version haute qualité, deux autres définitions sont disponibles sur l'hébergeur Vimeo, je ne sais pas si elles sont utilisées)
- Durée : 26 secondes
- Définition : 1366 x 342 à 25 images par seconde
- Codec : H.264 High, débit de 1,7 Mbit/s
- Piste audio présente, avec de la musique (téléchargée, mais non utilisée quand la vidéo est lue sur la page) : 125 Kb/s en AAC LC



La vidéo :

vivien

  • Administrateur
  • *
  • Messages: 49 984
    • Bluesky LaFibre.info
Exemples de pages web avec vidéo décorative
« Réponse #40 le: 24 février 2025 à 09:51:27 »
Page : https://www.centerparcs.fr/fr-fr/france/fp_LG_vacances-domaine-les-landes-de-gascogne
- Vidéo de 9,6 Mo (en version haute qualité, deux autres définitions sont disponibles sur l'hébergeur Vimeo, je ne sais pas si elles sont utilisées)
- Durée : 42 secondes
- Définition : 1366 x 342 à 24 images par seconde (c'est la seule vidéo décorative de Center Parcs analysées à être à 24 images par seconde, les autres sont à 25 images par seconde)
- Codec : H.264 High, débit de 1,8 Mbit/s
- Pas de piste audio  (pour une fois, comme quoi c'est possible)



La vidéo :

Optix

  • AS41114 - Expert OrneTHD
  • Abonné Orne THD
  • *
  • Messages: 5 121
  • WOOHOO !
    • OrneTHD
Exemples de pages web avec vidéo décorative
« Réponse #41 le: 25 février 2025 à 10:53:02 »
INA Campus

Page : https://campus.ina.fr/
- Vidéo de 5.80 Mo
- Durée : 35 secondes
- Définition : 1280x720 à 25 images par seconde
- Codec : H.264, débit de 1,4 Mbit/s
- Pas de piste audio


La vidéo :

vivien

  • Administrateur
  • *
  • Messages: 49 984
    • Bluesky LaFibre.info
Exemples de pages web avec vidéo décorative
« Réponse #42 le: 15 mars 2025 à 16:01:35 »
Ci-dessous, nous avons voir deux acteurs qui ont une vidéo décorative, mais qui sont meilleurs que les autres, avec une taille d'environ 1 Mo et l'utilisation de codecs efficaces.



Scaleway

Page : https://www.scaleway.com/
- Vidéo de 1,1 Mo
- Durée : 10 secondes
- Définition : 1680 x 1050 à 30 images par seconde
- Codec : VP9, débit de 0,8 Mbit/s
- Conteneur : WebM
- Piste audio absente

Pour une raison que j'ignoe la vidéo VP9 est incompastible avec Safari. Ce serait lié à l'absence de piste audio ?




Avec Safari sur iPhone, c'est une image fixe qui rempalce la vidéo.

Sur un vieux navigateur PC sans support de VP9 (ci-dessous Firefox avec VP9 désactivé), pas d'image :


La vidéo :


vivien

  • Administrateur
  • *
  • Messages: 49 984
    • Bluesky LaFibre.info
Exemples de pages web avec vidéo décorative
« Réponse #43 le: 15 mars 2025 à 16:07:01 »
Shopify

Page : https://www.shopify.com/fr
- Vidéo de 887 Ko (AV1) 1,8 Mo (H.264)
- Durée : 11,3 secondes
- Définition : 1920 x 1080 à 24 images par seconde
- Codec : AV1, débit de 587 Kbit/s si le navigateur supporte AV1. Sinon (iPhone sans AV), fallback en H.264 : 1273 Kbit/s
- Conteneur : WebM pour AV1 (donc incompatible Safari qui ne supporte AV1 que dans du MP4) et MP4 pour H.264
- Piste audio absente



Dans le cas, très rare, où un navigateur n'a pas de prise en charge du VP9 (des iPhone avec une veille version d'iOS), la vidéo ne s'affiche pas :

Sur un vieux navigateur, j'ai égaement eu le droit à une image PNG qui remplace la vidéo :



La vidéo AV1 : (incompatible Safari, car utilisation d'un conteneur WebM)




La vidéo H.264 :


turold

  • Abonné Orange Fibre
  • *
  • Messages: 1 761
  • mp fermée (sauf admin et exceptions temporaires)
    • Site officieux de Paint.NET.
Exemples de pages web avec vidéo décorative
« Réponse #44 le: 15 mars 2025 à 17:49:15 »
Bonjour,

Je vous propose une petite parenthèse... et un retour vers le passé, pour souligner que ces pratiques en HTML5 ne datent pas du HTML5.

En effet, du temps du plugin Flash, il y avait déjà parfois du Flash... alors qu'on pouvait déjà largement s'en passer.
Il me reste cet exemple, encore d'actualité (impossible sans Flash): http://www.lagoonb.com/francais/main.php
C'est un jeu par navigateur.
Quelques soit la page entièrement en Flash, il n'y a que:
- des images (animées ou non, peut être au format vidéo quand c'est animé en permanence)
- des formulaires
- des textes (cliquables ou non)

Spoiler: je peux encore y accéder avec un Flash pas à jour, un navigateur pas à jour, sous un Windows 7 pas à jour... et depuis des années, je vois toujours 0 connecté en simultané à ce jeu. Je ne m'y connecte plus moi-même, je me contente de la page du lien ci-dessus.

Bref, on peut mettre le langage qu'on veut pour coder une page internet. Temps que celle-ci permet des abus, il y en aura.

Cochonou

  • Abonné Bbox fibre
  • *
  • Messages: 1 496
  • FTTH 2 Gb/s sur Saint-Maur-des-Fossés (94)
Exemples de pages web avec vidéo décorative
« Réponse #45 le: 15 mars 2025 à 22:28:38 »
Pour le coup, ce jeu est un peu un contre-exemple non ?
Parce que s'il y avait quelque chose dont les capacités étaient inégalées à l'époque, c'était bien le flash... surtout pour faire un jeu sur le web.
Le HTML5 en était très loin.

Combien du temps youtube a-t-il utilisé le flash pour diffuser ses vidéos ?

turold

  • Abonné Orange Fibre
  • *
  • Messages: 1 761
  • mp fermée (sauf admin et exceptions temporaires)
    • Site officieux de Paint.NET.
Exemples de pages web avec vidéo décorative
« Réponse #46 le: 15 mars 2025 à 22:38:42 »
Pour le coup, ce jeu est un peu un contre-exemple non ?
Non.

Pour le dire autrement:
- Lagoon B n'est pas un jeu vidéo. C'est un jeu non-vidéo par navigateur.
- formulaires : faisable en HTML4
- images, même animées: faisable en HTLM4 avec du PNG, JPG, ou GIF, au choix.
- des textes: faisable en HTML4

Cochonou

  • Abonné Bbox fibre
  • *
  • Messages: 1 496
  • FTTH 2 Gb/s sur Saint-Maur-des-Fossés (94)
Exemples de pages web avec vidéo décorative
« Réponse #47 le: 15 mars 2025 à 22:56:38 »
Du coup tu m'as donné envie d'aller voir !
Ça marche avec un navigateur à jour en installant Ruffle (installé pour l'occasion).

Alors visiblement tu en as fait une pub efficace puisqu'il y a un peu plus que 0 joueurs désormais (voir plus bas).

Après en regardant très rapidement : c'est vrai que comme jeu c'est très statique, mais il y a quand même beaucoup d'animations vectorielles. C'est "imitable" en HTML4 avec des des images animées oui, mais pour le coup c'est beaucoup moins efficace, ça demande beaucoup plus d'efforts (et c'est moins éco-concept d'ailleurs, d'un point de vue encodage ?)
Même si toutes ces animations ne servent pas à grand chose pour le jeu.