Brevet FR3113348A1 — publié le 20220211

Procédé d'affichage d'un bandeau vidéo(1) promotionnel contenant une vidéo enregistrée selon un format vidéo, avec un contenu éditorial(2), sur une page, dans un écran, la page s'étendant sur une hauteur de page depuis un haut de page et sur une largeur de page, dans lequel la vidéo est affichée maximisée, selon le format vidéo, dans le bandeau vidéo, comprenant les étapes suivantes: - Afficher initialement le bandeau vidéo promotionnel sur une hauteur vidéo, depuis le haut de page, sur toute la largeur de page; -Afficher initialement le contenu éditorial sur la page dans un bandeau éditorial qui s'étend en hauteur dans la page sur une hauteur éditoriale et qui occupe toute la largeur de page, la somme de la hauteur vidéo et de la hauteur éditoriale étant initialement égale à la hauteur de page; - Faire défiler la page pour faire diminuer la hauteur éditoriale; - Maintenir la somme de la hauteur vidéo et de la hauteur éditoriale égale à la hauteur de page, lors du défilement. Figure pour l’abrégé : Fig.1 AFFICHAGE ERGONOMIQUE D’UN CONTENU VIDEO PROMOTIONNEL La présente demande concerne de façon générale, le domaine de l’affichage ergonomique sur un écran d’un contenu vidéo promotionnel, notamment à caractère publicitaire, simultanément à un contenu éditorial, notamment à caractère informationnel. Plus particulièrement la présente demande concerne l’affichage simultané sur un écran interactif, notamment tactile, d’un premier contenu vidéo ou bandeau vidéo et d’un second contenu excédant la taille de l’écran d’affichage, en réponse à des événements captés par l’écran ou via le pilotage de l’écran. L’invention est particulièrement adaptée aux écrans de petite taille, comme les écrans d’objets portables, notamment les téléphones mobiles. ARRIERE-PLAN Aux fins de la présente demande, on entendra par « bord » ou « extrémité » d’un contenu, le début ou la fin du contenu dans une zone mémoire ou dans tout autre moyen représentant le contenu, comme un fichier ou une mémoire graphique. On entendra par contenu vidéo, tout fichier décrivant une séquence animée d’images et par contenu éditorial, tout fichier digital, pouvant contenir texte, images fixes, séquences d’images animées, comme par exemple un site internet. L’art antérieur connaît des méthodes d’affichage publicitaire dont la présentation est déclenchée par l’affichage à l’écran de parties du contenu éditorial, notamment lors du défilement de ce contenu à l’affichage pour ne montrer que des parties successives de ce contenu. Toutefois, il est souhaitable de déclencher un affichage publicitaire en réaction à un événement objectif ou une action technique d’un utilisateur pour piloter l’affichage, comme un clic sur un périphérique de pointage ou un effleurement orienté de la surface d’affichage, afin de rendre l’affichage publicitaire indépendant de l’affichage du contenu éditorial parcouru par l’utilisateur, c’est-à-dire technique, et permettre à l’utilisateur de se concentrer sur l’aspect informationnel du contenu éditorial, sans perturbation pendant la lecture de ce dernier contenu. Idéalement l’affichage publicitaire doit avoir lieu de façon secondaire lorsque le contenu éditorial est lu par un utilisateur et peut avoir lieu de façon prépondérante lorsque l’utilisateur a terminé la lecture du contenu éditorial. Cependant, en pratique, il n’existe pas de façon standardisée d’informer un programme d’affichage mettant en œuvre un écran d’affichage de la fin de la lecture par un utilisateur d’un contenu éditorial. L’affichage ergonomique d’un message vidéo publicitaire avec un contenu éditorial est pour l’art antérieur un problème technique difficile. Aux fins de la présente demande, l’expression « minimiser une vidéo », sera entendue au sens de diminuer la surface d’affichage de cette vidéo sur un écran et « maximiser une vidéo », sera entendue au sens d’augmenter la surface d’affichage de cette vidéo sur un écran. La minimisation ou la maximisation se font par redimensionnement en respectant le format vidéo originel d’enregistrement, i.e. sans déformation. La minimisation d’un bandeau vidéo, qui est une bande de même largeur qu’un écran, se fera en réduisant la hauteur sur l’écran de la bande et la minimisation d’une vidéo contenue dans le bandeau. La maximisation d’un bandeau vidéo, qui est une bande de même largeur qu’un écran, se fera en augmentant la hauteur sur l’écran de la bande et la maximisation d’une vidéo contenue dans le bandeau. De même, on entendra au sens de la présente demande, que lorsque deux bandeaux pavent un écran, c’est-à-dire le recouvrent entièrement ensemble, la minimisation de l’un impliquera la maximisation de l’autre et inversement. Enfin, on entendra au sens de la demande que l’expression « faire défiler » un contenu éditorial sur un écran consiste à afficher des portions d’un contenu éditorial dont l’affichage ne peut être effectué en une seule fois pour des questions d’ergonomie et de taille d’écran. Ainsi lors d’un défilement, il existe une situation où le début du contenu, stocké par exemple sous forme physique d’un fichier est atteint (lorsque l’on parcourt ce fichier dans le sens inverse de son sens de stockage) et une autre situation où la fin du fichier est atteinte (lorsque l’on parcourt ce fichier dans son sens de stockage ou sens de lecture), si cette fin existe. Les deux situations dans lesquelles : soit on atteint le début du fichier par défilement (dans le sens inverse du sens de lecture naturelle ou physique ou de stockage de ce contenu), soit on atteint la fin du fichier par défilement (dans le sens de lecture naturel ou de stockage ou physique), seront désignées ensemble dans la demande comme une situation dans laquelle « il ne reste pas de contenu à faire défiler » (un bord ou extrémité du contenu étant atteint par défilement). Par opposition, la situation dans laquelle « il reste du contenu à faire défiler » (quel que soit le sens de défilement) sera entendue, au sens de la présente demande comme la négation logique de la situation dans laquelle « il ne reste pas de contenu à faire défiler » (pour un sens de défilement particulier). PRESENTATION GENERALE Dans ce contexte, l’invention concerne un procédé d'affichage d'un bandeau vidéo(1) promotionnel contenant une vidéo enregistrée selon un format vidéo, avec un contenu éditorial(2), sur une page, dans un écran, la page s'étendant sur une hauteur de page depuis un haut de page et sur une largeur de page, dans lequel la vidéo est affichée maximisée, selon le format vidéo, dans le bandeau vidéo, comprenant les étapes suivantes: - Afficher initialement le bandeau vidéo promotionnel sur une hauteur vidéo, depuis le haut de page, sur toute la largeur de page; -Afficher initialement le contenu éditorial sur la page dans un bandeau éditorial qui s'étend en hauteur dans la page sur une hauteur éditoriale et qui occupe toute la largeur de page, la somme de la hauteur vidéo et de la hauteur éditoriale étant initialement égale à la hauteur de page; - Faire défiler la page pour faire diminuer la hauteur éditoriale; - Maintenir la somme de la hauteur vidéo et de la hauteur éditoriale égale à la hauteur de page, lors du défilement. Dans des variantes du procédé : - l’écran est tactile et le défilement est obtenu par un effleurement de l’écran ; - l’écran est une fenêtre d’un système d’exploitation et le défilement est obtenu par un périphérique de pointage ; - l’affichage et le défilement sont obtenus par programmation d’un ordinateur muni d’une carte graphique pilotant l’écran ; - la programmation est effectuée en langage « javascript » ; - l’écran est un écran d’ordinateur et le défilement est capté par l’événement javascript « scroll » ; - l’écran est un écran de téléphone mobile et le défilement est capté par l’événement javascript « drag » L’invention concerne aussi un dispositif pour la mise en œuvre d’un des procédés ci-dessus, comprenant un écran, une carte graphique et un ordinateur et des moyens logiciels pour positionner et faire défiler sur l’écran le contenu éditorial et afficher sur l’écran le contenu vidéo. BREVE DESCRIPTION DE(S) DESSIN(S) : La représente un écran d’appareil mobile ou d’ordinateur partagé en un premier bandeau de même largeur que l’écran et un second bandeau de même largeur que l’écran, de surface supérieure à la surface du premier bandeau. DESCRIPTION DETAILLEE D’EXEMPLE(S) Le contexte de la présente demande est celui d’une publicité vidéo dite « outstream », c’est-à-dire le cas d’un message ou publicité vidéo affiché en dehors d’un contenu éditorial, ces deux éléments se partageant lors de leur chargement initial une partie de l’espace utile d’un écran via lequel ils sont regardés. Un problème important est alors dans ce cas, de déterminer quand et comment la publicité vidéo peut être autorisée à utiliser l’ensemble de l’espace d’affichage, lorsqu’elle est diffusée simultanément à un contenu informationnel. Selon l’invention, l’autorisation est donnée par deux critères objectifs ou techniques : la présence ou la détection dans l’écran d’affichage d’au moins une extrémité du contenu éditorial et la détection d’un mouvement vertical de ce contenu initié par l’utilisateur, pour le faire défiler. De façon équivalente, le contenu vidéo ou bandeau vidéo, notamment à caractère promotionnel croît à raison de la diminution du contenu éditorial sur l’écran, en redimensionnant la vidéo, contenue dans le bandeau vidéo, pour l’afficher sans déformation dans toute la hauteur de la zone laissée libre par le contenu éditorial. Il en résulte une croissance intuitive et fluide, i.e. ergonomique, d’un message vidéo par rapport à un contenu éditorial sur un écran même de petite taille, sans affichage arbitraire du message vidéo additionnel sur le contenu éditorial. Le redimensionnement de la vidéo en hauteur dans le bandeau vidéo laissé libre lors d’une diminution de la hauteur d’affichage d’un contenu éditorial depuis un haut de page est caractéristique de l’invention et d’une remontée d’un utilisateur dans un contenu éditorial, a priori après une lecture de celui-ci ou d’une partie de celui-ci et constitue donc un moment privilégié et ergonomique d’affichage d’un message vidéo additionnel au contenu. Notamment car il n’est pas prévu initialement qu’il y ait quelque chose au-dessus du contenu éditorial. Pour les contenus d’intérêt pour l’invention, dont la hauteur est supérieure à la hauteur de l’écran d’affichage, la condition d’au moins une extrémité du contenu est équivalente à la présence d’une seule extrémité du contenu dans l’écran. La méthode ou procédé de l’invention est alors que l’augmentation de la proportion de l’écran alloué au message publicitaire se fait en sens inverse de la diminution par défilement de la surface d’affichage du contenu informationnel, initié par l’utilisateur. En partant potentiellement de zéro pixel en hauteur d’affichage, le contenu vidéo additionnel va aller jusqu’à occuper potentiellement l’ensemble de l’espace utile en hauteur ou pleine hauteur de l’écran, lorsque la diminution de contenu informationnel par défilement le fait disparaître de l’écran et de façon fluide. Une des caractéristiques de l’invention est aussi que le contenu vidéo additionnel n’est pas affiché dans un format fixe et progressivement découvert lors d’un défilement du contenu éditorial provoquant une diminution de sa surface d’affichage mais qu’il est redimensionné et maximisé en hauteur et la vidéo qu’il contient est nettement affichée sur l’écran dans la page affichée (« viewport » en anglais). Le bandeau vidéo est redimensionné sur toute la hauteur laissée libre par la diminution de la zone ou bandeau d’affichage du contenu éditorial. Le contenu vidéo ou bandeau vidéo est donc clair dans sa partie vidéo pendant toute la durée de l’augmentation de sa hauteur d’affichage, ce qui améliore le confort visuel de l’utilisateur ou observateur et la qualité d’affichage, sans troncature. Lorsque le défilement accroît la surface d’affichage du contenu informationnel ou éditorial, le message vidéo pourra être minimisé, en respectant son format d’enregistrement, ou même non affiché. A l’inverse, lorsque le défilement ou la translation du contenu éditorial sur l’écran diminue la surface d’affichage du contenu éditorial, le message vidéo ou vidéo est maximisé selon l’invention : c’est-à-dire qu’il est affiché maximisé, en respectant son format d’enregistrement, dans un bandeau vidéo s’étendant sur toute la hauteur laissée disponible sur l’écran par le contenu éditorial et la vidéo contenu dans le bandeau vidéo est affichée ( nette) sur une largeur telle que le quotient de la largeur d’affichage et de la hauteur d’affichage du message vidéo est égal au ratio d’enregistrement ou format du contenu vidéo, comme 4/3 ou 16/9. Le message ou vidéo, par exemple promotionnel, peut donc être affiché sans déformation sur tout type d’écran ou média, comme un téléphone mobile, un écran d’ordinateur ou un écran de cinéma, complémentairement au contenu éditorial, pendant tout le défilement. L’invention peut être complétée par l’affichage préalable du message sur une hauteur plus grande, avec réduction lors d’une translation du texte ou du contenu éditorial dans le sens de lecture et par une étape supplémentaire consistant, pour éviter des bandes noires sur l’écran de part et d’autre de la vidéo affichée, à afficher en arrière-plan derrière la vidéo affichée selon son format, i.e. en respectant son ratio d’enregistrement ou d’aspect, la même vidéo affichée sur toute la largeur de l’écran avec distorsion. L’invention est donc compatible avec de nombreuses méthodes d’affichage préexistantes. Le choix d’afficher le bandeau vidéo, contenant la vidéo affichée selon son format maximal, depuis un haut de page (« viewport ») et d’afficher en-dessous le contenu éditorial en cours de minimisation permet de combler le vide potentiel laissé par le contenu éditorial sans déformer ou distordre la vidéo contenue dans le bandeau vidéo, y compris pendant la transition du contenu éditorial vers un affichage du contenu vidéo sur 100% de la hauteur de l’écran ou dimension verticale de l’écran. Il en résulte un affichage de la vidéo du bandeau, notamment promotionnel, ergonomique car complémentaire de l’affichage éditorial sur l’écran. Il en résulte une gestion fluide et ergonomique de l’affichage d’un message vidéo ou vidéo promotionnel ou publicitaire, indépendamment du sens du contenu éditorial pour un être humain, i.e. une gestion technique de l’interface homme-machine d’affichage, en fonction de paramètres physiques objectifs. A nouveau, de façon visuelle, le message vidéo ou vidéo s’étendra sur l’écran pour suivre l’extrémité du contenu éditorial qui est la plus proche de lui lors d’un défilement de ce contenu. Pour un message disposé au-dessus du contenu, le message s’étendra ainsi lorsque le haut du contenu descendra sur l’écran. Par analogie si le contenu éditorial est visualisé par un papyrus enroulé, le déroulement du papyrus au-delà de son début sera compensé par l’affichage du contenu vidéo contenant la vidéo maximisée dans ce contenu vidéo ou bandeau vidéo, en même temps que le papyrus sur l’écran, dans la page. Ces notions seront clarifiées dans les exemples ou modes de réalisation ci-dessous, nullement limitatifs. Dans un premier mode de réalisation, un téléphone mobile muni d’un écran tactile affiche une page, notamment au format html. Un programme « javascript » associé à la page html permet à cette page de détecter un effleurement orienté appliqué à l’écran par un utilisateur. Lors de l’arrivée sur la page, un contenu vidéo est affiché dans un lecteur vidéo, sur une surface inférieure ou égale à 30% de la surface de l’écran et selon un premier bandeau s’étendant sur toute la largeur. Sur le reste de l’écran est affiché dans un second bandeau selon toute la largeur de l’écran un contenu éditorial. Lors d’une interaction de l’utilisateur avec l’écran tactile, le programme réagit aux événements « drag up » par défilement du contenu dans le sens d’une lecture du contenu éditorial par un utilisateur ou « drag down » par défilement du contenu éditorial dans le sens inverse du sens de lecture. Lors d’un défilement du contenu éditorial, constitué de texte, images statiques ou séquences vidéo, le début du contenu éditorial disparaît pour laisser place à la suite du contenu puis à sa fin s’il en existe une. Le comportement du dispositif selon l’invention dans ce premier mode est alors visualisé par le procédé ou la méthode d’affichage suivant : Si à partir de l’image initiale, l’utilisateur indique par effleurement une direction inverse au sens de lecture, le bandeau vidéo est immédiatement agrandi au détriment du contenu éditorial, qui est réduit d’autant et la vidéo dans ce bandeau est maximisée. Si à partir de l’image initiale, l’utilisateur indique par effleurement une direction égale au sens de lecture, le bandeau vidéo est immédiatement minimisé à l’avantage du contenu éditorial, qui est agrandit d’autant et la vidéo dans ce bandeau est minimisée. L’affichage d’une vidéo dans le premier bandeau ou bandeau vidéo, pourra être effectué avec la plus grande netteté, selon son format dans une zone du premier bandeau moins large que l’écran sur un fond, en arrière-plan, de même largeur présentant la vidéo déformée et donc floue mais couvrant ou occupant toute la largeur de l’écran sans sortir de l’enseignement de la présente invention. Toutefois, l’enseignement de la présente invention s’étend à un affichage dans un bandeau de la hauteur laissée libre sur l’écran par un contenu éditorial en diminution par défilement, avec des bandes noires, éventuellement inégales de part et d’autre d’une vidéo pour une vidéo centrée ou excentrée, mais aussi pour une vidéo non centrée, aligné à gauche ou à droite de l’écran, le reste du bandeau étant une bande noire. Dans certains cas, les bandes noires pourront être au-dessus ou au-dessous de la vidéo dans le bandeau vidéo. La version minimisée du premier bandeau est maintenue en place et durant toutes les opérations d’effleurement de l’utilisateur, ou de façon équivalente de défilement du texte du contenu éditorial dans le second bandeau, jusqu’à ce que le programme javascript détecte la présence du début du contenu éditorial dans le second bandeau, qui serait synonyme d’une diminution du bandeau éditorial en hauteur d’affichage. Ceci peut correspondre à une indication par événement d’un sens d’effleurement associé au sens inverse du sens de lecture pour le contenu éditorial et un dépassement du début du contenu. Dans ce cas, le programme peut considérer que l’utilisateur affichant le début du contenu éditorial et ne souhaitant pas lire la suite est revenu au début de la lecture et souhaite voir le contenu vidéo. Dans un second mode de réalisation, on pourra utiliser comme écran une fenêtre définie par un système d’exploitation sur un écran d’ordinateur et un navigateur internet utilisant les événements javascript « scroll down » et « scroll up » d’un périphérique de pointage tel qu’une souris, comme équivalents de « drag down » et « drag up » dans le premier mode. D’ailleurs ces événements « drag » peuvent se ramener à des événements « scroll » sur certains systèmes, écrans ou pages. On remarque que quel que soit le mode d’affichage du bandeau vidéo durant la lecture par un utilisateur, l’effet de l’invention est d’afficher depuis le haut de la page sur toute la hauteur disponible le contenu vidéo et la vidéo dans ce bandeau selon son format, à mesure de la disparition du contenu informationnel ou éditorial induit par défilement. La somme de la hauteur vidéo du contenu vidéo affichant la vidéo selon son format et de la hauteur éditoriale est donc maintenue constante pour un affichage et pour un défilement. Cette somme est toujours égale ou maintenue égale à la hauteur de la page ou hauteur de page, pour obtenir l’effet technique de l’invention qui peut être mis en œuvre par un programme d’ordinateur, notamment javascript ayant accès à une bibliothèque graphique. L’invention permet donc avec des moyens très simples de subordonner l’affichage d’un contenu vidéo ou bandeau vidéo, notamment à caractère promotionnel ou publicitaire et contenant une vidéo affichée toujours nettement, à une action explicite de l’utilisateur indiquant objectivement et techniquement une situation dans laquelle la lecture d’un message vidéo, peut être affichée maximisée en plein écran, au moyen de propriétés fournies par l’écran sur la position du contenu éditorial et son déplacement. L’invention est applicable à des écrans de toute taille et de toutes natures. L’invention est susceptible d’application industrielle ou utile dans le domaine de l’affichage publicitaire ergonomique, tout spécialement pour améliorer le confort de lecture, pour un utilisateur, d’un contenu éditorial en présence d’un affichage vidéo promotionnel. De façon alternative, l’enseignement de l’invention s’étend aussi à un procédé d'affichage d'un bandeau vidéo promotionnel contenant une vidéo enregistrée selon un format vidéo, avec un contenu éditorial, sur une page, dans un écran, selon lequel : - le bandeau vidéo promotionnel est initialement positionné au-dessus du contenu éditorial sur la page et occupe toute la largeur de page; - Lorsque la vidéo est entièrement visible à l’écran ainsi que le haut du contenu éditorial de la page, si l'utilisateur fait défiler la page vers le haut, le contenu vidéo promotionnel s'étend verticalement au-delà de sa hauteur initiale, jusqu'à potentiellement occuper tout l'écran; - La vidéo s’agrandit autant que possible en prenant toute la hauteur disponible du bandeau vidéo tout en conservant son ratio d’affichage. On entendra par : *écran : une fenêtre d'affichage dans un téléphone mobile, tablette ou desktop *au-dessus : le contenu vidéo promotionnel peut être positionné en haut de page, à la fois par-dessus le contenu éditorial ou juste avant le contenu éditorial, i.e juxtaposé à celui-ci. *entièrement visible : l'espace occupé par la vidéo est visible à 100% (il n'est pas coupé ou caché en haut ou en bas) *faire défiler la page vers le haut : action de l'utilisateur (scroll up, drag down, etc…) pour remonter vers le haut de la page ou sens inverse de lecture *s'étend verticalement : le bandeau vidéo s'agrandit verticalement (en hauteur) et la vidéo contenue dans le bandeau se maximise sans distorsion Dans toute la demande, on entendra comme bandeau vidéo une surface d’affichage rectangulaire ou carrée sur ou dans une page contenant une vidéo affiché maximisé sur la page sans déformation ou selon son format ou selon son ratio d’aspect, ledit bandeau vidéo étant de même largeur que la page. De même on entendra par bandeau éditorial, une surface rectangulaire ou carrée d’affichage dans laquelle un contenu éditorial est affiché et qui occupe la largeur de page. A titre d’exemple de mise en œuvre de l’invention dans un navigateur Chrome sur mobile ou desktop, on pourra intégrer dans une page html, le code ci-dessous en annexe. Ce code permet d’obtenir l’effet de l’invention dans une page html, à savoir effectuer les opérations ci-dessous: - Ajouter sur l'élément body une marge verticale au-dessus du contenu éditorial de la page web, égale à la hauteur du viewport - Ajouter comme premier enfant de l'élément body un élément avec l'id "hero" d'une largeur égale à la largeur du viewport - Cet élément "hero" contient deux éléments vidéos: -- un premier élément "hero-video" affichant la vidéo en pleine largeur -- un deuxième élément "hero-video-bg" servant de fond - A chaque fois que l'événement "scroll" (ou "drag") est déclenché, la hauteur du premier élément "hero" s'adapte en fonction du niveau de scroll de la page, l'élément "hero-video" s'adaptant à cette hauteur. En fonction des plateformes et des navigateurs, l’effet de l’invention pourra donc être reproduit sur une page html, par un code pouvant varier mais effectuant les opérations ci-dessus, de façon équivalente. Dans toute la demande on entendra par « page » le bandeau éditorial et le bandeau vidéo promotionnel visibles à l’écran, ce qui correspond techniquement au "viewport". Dans toute la demande, le contenu vidéo doit être entendu comme un bandeau vidéo, contenant au moins une vidéo enregistrée selon un format vidéo et toujours affichée nette dans le bandeau vidéo, et sur une surface maximum respectant son format ou rapport d’aspect ou ratio d’aspect. La vidéo est ainsi toujours affichée maximisée dans le bandeau vidéo. ANNEXE #hero {width: 100%; height: 100vh; overflow: hidden; position: fixed; top: 0; left: 0; z-index: 1;} #hero-video {width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0;} #hero-video-bg {filter: blur(10px); width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; z-index: -1; const hero = document.getElementById('hero'); document.body.style.marginTop = '100vh'; window.addEventListener('scroll', () => { var scrolledPixels = window.scrollY; hero.style.height = Math.max(0, window.innerHeight - scrolledPixels) + 'px'; }); window.addEventListener('DOMContentLoaded', () => {window.scrollTo(0, window.innerHeight * 0.80);}) Procédé d'affichage d'un bandeau vidéo(1) promotionnel contenant une vidéo enregistrée selon un format vidéo, avec un contenu éditorial(2), sur une page, dans un écran, la page s'étendant sur une hauteur de page depuis un haut de page et sur une largeur de page, dans lequel la vidéo est affichée maximisée, selon le format vidéo, dans le bandeau vidéo, comprenant les étapes suivantes: - Afficher initialement le bandeau vidéo promotionnel sur une hauteur vidéo, depuis le haut de page, sur toute la largeur de page; -Afficher initialement le contenu éditorial sur la page dans un bandeau éditorial qui s'étend en hauteur dans la page sur une hauteur éditoriale et qui occupe toute la largeur de page, la somme de la hauteur vidéo et de la hauteur éditoriale étant initialement égale à la hauteur de page; - Faire défiler la page pour faire diminuer la hauteur éditoriale; - Maintenir la somme de la hauteur vidéo et de la hauteur éditoriale égale à la hauteur de page, lors du défilement. Procédé selon la revendication 1 dans lequel l’écran est tactile et le défilement est obtenu par un effleurement de l’écran. Procédé selon la revendication 1 dans lequel l’écran est une fenêtre d’un système d’exploitation et le défilement est obtenu par un périphérique de pointage. Procédé selon la revendication 1 dans lequel, l’affichage et le défilement sont obtenus par programmation d’un ordinateur muni d’une carte graphique pilotant l’écran. Procédé selon la revendication 4 dans lequel la programmation est effectuée en langage « javascript ». Procédé selon la revendication 5 dans lequel l’écran est un écran d’ordinateur et le défilement est capté par l’événement javascript « scroll ». Procédé selon la revendication 5 dans lequel l’écran est un écran de téléphone mobile et le défilement est capté par l’événement javascript « drag ». Dispositif pour la mise en œuvre du procédé selon la revendication 1 comprenant un écran, une carte graphique et un ordinateur et des moyens logiciels pour positionner et faire défiler sur l’écran le contenu éditorial (2) et afficher sur l’écran le contenu vidéo(1).