Modèles de lecteur vidéo

Ce document fournit une référence pour tous les modèles de lecteur standard de Video Cloud. Lorsque vous créez un lecteur dans Video Cloud Studio, vous sélectionnez le modèle de lecteur sur lequel celui-ci sera basé. Dans cette référence, vous pouvez télécharger la définition BEML de chaque modèle avec un exemple fonctionnel de lecteur standard. Vous apprendrez également à faire des redimensionnements et des mises en page Photoshop pour les lecteurs standards.

Peut-être voulez-vous savoir à quoi ressemble un lecteur sans chrome, ou savoir la différence entre une disposition verticale et une disposition horizontale pour les sélections d’un lecteur. Naviguer parmi ces exemples fonctionnels vous permettra de vous donner une idée des types de lecteur que vous pouvez créer dans Video Cloud Studio, leur taille et leur agencement. Vous pouvez personnaliser encore davantage l'apparence et le style de vos lecteurs en téléchargeant les modèles de lecteur standard et les fichiers d'agencement Photoshop.

Si vous n’avez pas créé de lecteur, consultez la rubrique Création de lecteurs avec le module d’édition. Les éditeurs Video Cloud Pro et Enterprise peuvent également personnaliser les lecteurs avec le langage de balisage de Brightcove (BEML). Consultez également la rubrique Considérations sur les fonctions et la présentation pour modèles de lecteur.

Dans ce document, vous trouverez des informations sur chacun des modèles de lecteur standard :

• Lecteurs de vidéo unique
  • Lecteur vidéo
  • Lecteur vidéo avec logo
  • Lecteur vidéo sans chrome
  • Lecteur vidéo accessible
  • Lecteur vidéo optimisé pour les appareils mobiles
• Lecteurs à sélection unique
  • Écran large avec liste horizontale
  • Écran large avec liste vidéo verticale
  • Écran large avec liste de vidéos en texte
  • Lecteur vidéo avec liste vidéo horizontale
  • Lecteur vidéo optimisé pour les appareils mobiles avec liste vidéo horizontale
• Lecteurs à sélections multiples
  • Navigation par onglets 3.0
  • Navigation par onglets compact 3.0
  • Lecteur vidéo sans chrome avec sélections par onglets
  • Navigation par onglets
  • Lecteur vidéo avec navigation par liste déroulante
  • Ecran large avec navigation par liste déroulante
• Lecteurs optimisés pour les appareils mobiles
  
  • Lecteur vidéo optimisé pour les appareils mobiles
  • Lecteur vidéo optimisé pour les appareils mobiles avec liste vidéo horizontale

Téléchargement de fichiers PSD pour les modèles de lecteur standard

Nous fournissons un modèle Photoshop (fichier PSD) pour chacun des modèles de lecteur standard. L'archive comprend des descriptions des modèles, des exemples de lecteurs et des modèles Photoshop. Les modèles peuvent vous aider à concevoir des arrière-plans personnalisés pour vos lecteurs. Vous pouvez télécharger tous les fichiers PSD dans un fichier .zip (614 ko) au lieu de le faire un par un.

Référence pour les modèles de lecteur standard

Nous mettons à votre disposition une description, une image d'agencement, un exemple de lecteur et un modèle Photoshop pour chacun des modèles de lecteur standard.

Lecteurs intelligents : tous les lecteurs standard sont des lecteurs intelligents. En mode HTML5, les modèles de sélections multiples standard n'afficheront qu'une sélection, la première, ou la sélection mise en évidence si une telle sélection a été attribuée. Les lecteurs intelligents détectent leur environnement de lecture et s'exécutent en tant que lecteurs Flash sur les appareils compatibles Flash ou en mode HTML5 sur les autres appareils, notamment ceux fonctionnant sous iOS. Pour plus d'informations sur les lecteurs intelligents Video Cloud, consultez la rubrique Diffusion vidéo avec HTML5 et lecteurs intelligents.

Lecteur de vidéo unique

Il s’agit d’un lecteur de vidéo unique qui affiche les contrôles en dessous de la vidéo. Vous pouvez redimensionner ce lecteur pour qu’il corresponde aux dimensions de la vidéo. Cette fonctionnalité est particulièrement utile lorsque vous désirez afficher des vidéos en 16:9 sans letterbox. Vous pouvez affecter du contenu à ce lecteur en utilisant la fonctionnalité de publication rapide de vidéos du module médias. Pour ce faire, modifiez les paramètres de configuration dans le code de publication du lecteur (dans le document d’aide, Programmer l’affectation du contenu aux lecteurs) ou avec les API de lecteur.

• Afficher le lecteur
• Télécharger le fichier PSD (.zip)
• Dimensions par défaut
  Générales : 486 x 412. Le lecteur vidéo présente un format minimal de 180 x 176. Les commandes et le menu ne sont pas correctement représentés dans les autres formats.
  Zone d'affichage de la vidéo : 480 x 360
  Lecteur (moins la zone d'affichage de la vidéo) : 6 x 52
• Composants
  lecteur vidéo
  barre de contrôle du lecteur

Lecteur vidéo avec logo

Il s’agit d’un lecteur de vidéo unique qui offre une zone publicitaire en 480 x 55 au-dessus de l’écran du lecteur. Vous pouvez redimensionner ce lecteur pour qu’il corresponde aux dimensions de la vidéo. Cette fonctionnalité est particulièrement utile lorsque vous désirez afficher des vidéos en 16:9 sans letterbox. Vous ne pouvez pas affecter de contenu à ce lecteur avec le module médias. À la place, utilisez la fonctionnalité de publication rapide de vidéos, modifiez les paramètres de configuration dans le code de publication du lecteur (dans le document d’aide, Programmer l’affectation du contenu aux lecteurs) ou utilisez les API de lecteur.

• Afficher le lecteur
• Télécharger le fichier PSD (.zip)
• Composants
  lecteur vidéo
  barre de contrôle du lecteur
  zone publicitaire, 480 x 55

Lecteur vidéo sans chrome

Le lecteur vidéo sans chrome ressemble au composant Écran vidéo sans les contrôles « chrome » du lecteur. Lorsque l’utilisateur survole la zone d’affichage de la vidéo avec la souris, les commandes s’affichent dans la partie inférieure de l’écran. Vous pouvez redimensionner ce lecteur pour qu’il corresponde aux dimensions de la vidéo. Cette fonctionnalité est particulièrement utile lorsque vous désirez afficher des vidéos sans letterbox. Vous ne pouvez pas affecter de contenu à ce lecteur avec le module médias. À la place, utilisez la fonctionnalité de publication rapide de vidéos, modifiez les paramètres de configuration dans le code de publication du lecteur (dans le document d’aide, Programmer l’affectation du contenu aux lecteurs) ou utilisez les API de lecteur. Pour plus d’informations, consultez la rubrique Trois conseils simples pour personnaliser notre nouveau lecteur vidéo sans chrome.

• Afficher le lecteur
• Dimensions par défaut : 480 x 270
• Composants : lecteur vidéo avec contrôles qui s’affichent au passage du curseur
  

Lecteur vidéo accessible

Ce modèle est un lecteur de vidéo unique qui prend en charge les fonctionnalités d'accessibilité pour les utilisateurs ayant des problèmes de vue ou des problèmes auditifs. Cela inclut les sous-titres, la navigation clavier et la prise en charge des lecteurs d'écran. Le lecteur vidéo accessible est un lecteur de vidéo unique et ne prend donc pas directement en charge les sélections.

Bien que le lecteur de vidéo accessible soit disponible à tous les éditeurs de Video Cloud, sa fonctionnalité de sous-titrage n’est disponible qu’aux éditeurs Video Cloud Pro et Enterprise. En effet, cette fonctionnalité nécessite l’utilisation d’un champ de métadonnées personnalisé dans vos vidéos. En guise d'alternative, vous pouvez utiliser les API de légende dans l'API de lecteur intelligent ou l'API de lecteur Flash, qui sont accessibles à tous les éditeurs Video Cloud et sont compatibles avec tous les modèles de lecteur, mais qui sont plus compliquées à utiliser que le lecteur vidéo accessible. Pour plus d'informations sur le fonctionnement du lecteur vidéo accessible, lisez la rubrique Modèle de lecteur vidéo accessible.

• Afficher le lecteur
• Télécharger le fichier PSD (.zip)
• Dimensions par défaut
  Générales : 500 x 470
  Zone d'affichage de la vidéo : 480 x 360
• Composants
  écran vidéo
  barre de contrôle du lecteur : 38 px de haut
  menu des sous-titres
  étiquette de titre et étiquette de description courte
  image en haut à droite : 180 x 52
  bordure : 10 px

Écran large avec liste horizontale 3.0

Ce modèle ne prend en charge qu’une seule sélection. Il peut afficher des vidéos 16:9 et 4:3 standard avec letterbox. Le nom et l’imagette de chaque vidéo s’affichent sur une liste en dessous du lecteur vidéo.

• Afficher le lecteur
• Télécharger le fichier PSD (.zip)
• Dimensions par défaut
  Générales : 650 x 630
  Zone d'affichage de la vidéo : 630 x 354
  Lecteur (moins la zone d'affichage de la vidéo) : 20 x 276
• Composants
  lecteur vidéo
  barre de contrôle du lecteur
  étiquette de titre
  image en haut à droite : 300 x 60
  liste vidéo à défilement horizontal

Écran large avec liste verticale

Ce modèle ne prend en charge qu’une seule sélection. Par défaut, le lecteur est conçu au format 16:9, mais il peut être redimensionné dans le code de publication pour passer en 4:3. L’imagette de chaque vidéo s'affiche sur une liste à côté du lecteur.

• Afficher le lecteur
• Télécharger le fichier PSD (.zip)
• Dimensions par défaut
  Générales : 588 x 410
  Zone d'affichage de la vidéo : 480 x 270
  Lecteur (moins la zone d'affichage de la vidéo) : 108 x 140
• Composants
  lecteur vidéo
  barre de contrôle du lecteur
  étiquette de titre
  image en bas à droite : 300 x 60
  liste vidéo à défilement vertical avec imagettes

Écran large avec liste textuelle

Ce lecteur ne prend en charge qu’une seule sélection. Par défaut, le lecteur est conçu au format 16:9, mais il peut être redimensionné dans le code de publication pour passer en 4:3. Le nom et la description de chaque vidéo s'affichent sur une liste textuelle à côté du lecteur.

• Afficher le lecteur
• Télécharger le fichier PSD (.zip)
• Dimensions par défaut
  Générales : 480 x 215
  Zone d'affichage de la vidéo : 302 x 170
  Lecteur (moins la zone d'affichage de la vidéo) : 178 x 45
• Composants
  lecteur vidéo
  barre de contrôle du lecteur
  étiquette de titre
  liste à défilement vertical de titres de vidéos et de leur description courte

Lecteur vidéo avec liste horizontale

Ce lecteur ne prend en charge qu’une seule sélection. Par défaut, le lecteur est conçu au format 4:3, mais il peut être redimensionné dans le code de publication pour passer en 16:9. L’imagette de chaque vidéo s'affiche sur une liste sous le lecteur.

• Afficher le lecteur
• Télécharger le fichier PSD (.zip)
• Dimensions par défaut
  Générales : 300 x 340
  Zone d'affichage de la vidéo : 300 x 230
  Lecteur (moins la zone d'affichage de la vidéo) : 0 x 110
• Composants
  lecteur vidéo
  barre de contrôle du lecteur
  étiquette de titre
  liste vidéo à défilement horizontal avec imagettes

Navigation par onglets 3.0

Ce lecteur permet à l’utilisateur de parcourir plusieurs sélections grâce aux onglets affichés en haut de la sélection. La liste déroulante sur la droite comprend une courte description ainsi que les vignettes propres à chaque vidéo.

Cliquez pour élargir

• Afficher le lecteur
• Télécharger le fichier PSD (.zip)
• Dimensions par défaut
  Générales : 966 x 546
  Zone d'affichage de la vidéo : 480 x 360
  Lecteur (moins la zone d'affichage de la vidéo) : 486 x 186
• Composants
  lecteur vidéo
  barre de contrôle du lecteur
  image en haut à gauche : 480 x 55
  image en bas à droite : 468 x 60
  liste vidéo avec imagettes et descriptions courtes
  barre d’onglets avec sélections
  menu déroulant avec sélections supplémentaires

Navigation 3.0 compacte par onglets

Ce lecteur est semblable au lecteur à navigation par onglets 3.0. Il est conçu pour s'afficher sur un écran en 1 024 x 768 et est plus étroit que le modèle à onglets standard. Ce lecteur permet à l’utilisateur de parcourir plusieurs sélections grâce aux onglets affichés en haut de la sélection. La liste déroulante sur la droite comprend une courte description ainsi que les vignettes propres à chaque vidéo.

Cliquez pour élargir

• Afficher le lecteur
• Télécharger le fichier PSD (.zip)
• Dimensions par défaut
  Générales : 798 x 603
  Zone d'affichage de la vidéo : 480 x 360
  Lecteur (moins la zone d'affichage de la vidéo) : 318 x 243
• Composants
  lecteur vidéo
  barre de contrôle du lecteur
  image en haut à gauche : 300 x 40
  image du bas : 728 x 90
  liste vidéo avec imagettes et descriptions courtes
  barre d’onglets avec sélections
  menu déroulant avec sélections supplémentaires

Lecteur vidéo sans chrome avec sélections par onglet

Ce lecteur combine un lecteur vidéo sans chrome redimensionnable avec une navigation par onglets qui permet au spectateur d’alterner entre plusieurs sélections en cliquant sur les onglets en haut de la zone des sélections. La liste déroulante sur la droite comprend une courte description ainsi que les vignettes propres à chaque vidéo.

Cliquez pour élargir

• Afficher le lecteur
• Télécharger le fichier PSD (.zip)
• Dimensions par défaut
  Générales : 960 x 445
  Zone d'affichage de la vidéo : 640 x 360
  Lecteur (moins la zone d'affichage de la vidéo) : 320 x 85
• Composants
  lecteur vidéo sans chrome
  liste vidéo avec imagettes et descriptions courtes
  barre d’onglets avec sélections
  menu déroulant avec sélections supplémentaires

Navigation par onglets

Ce lecteur prend en charge plusieurs sélections. Chaque sélection a un onglet qui lui est attribué dans la zone de navigation. Chaque onglet affiche une mosaïque avec une imagette et un titre pour chaque vidéo de la sélection.

Cliquez pour élargir

• Afficher le lecteur
• Télécharger le fichier PSD (.zip)
• Dimensions par défaut
  Générales : 956 x 654
  Zone d'affichage de la vidéo : 480 x 360
  Lecteur (moins la zone d'affichage de la vidéo) : 476 x 294
• Composants
  lecteur vidéo
  barre de contrôle du lecteur
  menu par onglets avec sélections
  liste vidéo en mosaïque avec imagettes et descriptions courtes
  zone publicitaire dans la partie supérieure, 480 x 40
  zone publicitaire dans la partie inférieure, 728 x 90

Lecteur vidéo avec menu déroulant

Ce lecteur prend en charge plusieurs sélections par le biais d’une liste déroulante. Par défaut, le lecteur est conçu au format 4:3, mais il peut être redimensionné dans le code de publication pour passer en 16:9. Le nom, la description et l’imagette de chaque vidéo s'affichent sur une liste sous le lecteur.

• Afficher le lecteur
• Télécharger le fichier PSD (.zip)
• Dimensions par défaut
  Générales : 300 x 540
  Zone d'affichage de la vidéo : 300 x 230
  Lecteur (moins la zone d'affichage de la vidéo) : 0 x 310
• Composants
  lecteur vidéo
  barre de contrôle du lecteur
  menu déroulant avec sélections
  liste vidéo avec défilement affichant imagettes et descriptions courtes

Écran large avec menu déroulant

Ce lecteur prend en charge plusieurs sélections. Par défaut, le lecteur est conçu au format 16:9, mais il peut être redimensionné dans le code de publication pour passer en 4:3. L’imagette de chaque vidéo s'affiche sur une liste à côté du lecteur.

• Afficher le lecteur
• Télécharger le fichier PSD (.zip)
• Dimensions par défaut
  Générales : 776 x 410
  Zone d'affichage de la vidéo : 630 x 354
  Lecteur (moins la zone d'affichage de la vidéo) : 146 x 56
• Composants
  lecteur vidéo
  barre de contrôle du lecteur
  menu déroulant avec sélections
  liste vidéo à défilement vertical avec imagettes

Modèles de lecteur optimisés pour les appareils mobiles

Ces deux modèles de lecteur standard sont optimisés pour une lecture sur des appareils mobiles. Ils s’afficheront sans problème sur tous les écrans. Ils ont des contrôles plus grands pour une utilisation plus conviviale sur des écrans tactiles. Les modèles de lecteurs optimisés pour les appareils mobiles sont des modèles intelligents, mais le mode HTML5 diffère du mode Flash. Le mode HTML5 des modèles mobiles utilise les commandes natives du lecteur, alors que le lecteur Flash utilise les gros contrôles optimisés pour la navigation tactile.

• Lecteur vidéo optimisé pour les appareils mobiles
• Lecteur vidéo avec liste vidéo horizontale optimisé pour les appareils mobiles

Lecteur vidéo optimisé pour les appareils mobiles

Il s’agit d’un lecteur de vidéo unique qui affiche les contrôles en dessous de la vidéo. Ils ont des contrôles plus grands pour une utilisation plus conviviale sur des écrans tactiles. Vous pouvez redimensionner ce lecteur pour qu’il corresponde aux dimensions de la vidéo. Cette fonctionnalité est particulièrement utile lorsque vous désirez afficher des vidéos en 16:9 sans letterbox. Vous ne pouvez pas affecter du contenu à ce lecteur via le module médias. À la place, utilisez la fonctionnalité de publication rapide de vidéos, modifiez les paramètres de configuration dans le code de publication du lecteur (dans le document d’aide, Programmer l'affectation de contenu aux lecteurs) ou utilisez les API de lecteur.

• Afficher le lecteur
• Dimensions par défaut
  Générales : 480 x 450
  Zone d'affichage de la vidéo : 480 x 360
  Lecteur (moins la zone d'affichage de la vidéo) : 0 x 90
• Composants
  lecteur vidéo
  barre de contrôle du lecteur

Lecteur vidéo avec liste vidéo horizontale optimisé pour les appareils mobiles

Ce modèle ne prend en charge qu’une seule sélection. Ils ont des contrôles plus grands pour une utilisation plus conviviale sur des écrans tactiles. Par défaut, le lecteur est conçu au format 4:3, mais il peut être redimensionné dans le code de publication pour passer en 16:9. L’imagette de chaque vidéo de la sélection s'affiche sur une liste sous le lecteur.

• Afficher le lecteur
• Dimensions par défaut
  Générales : 480 x 628
  Zone d'affichage de la vidéo : 480 x 360
  Lecteur (moins la zone d'affichage de la vidéo) : 0 x 268
• Composants
  lecteur vidéo
  barre de contrôle du lecteur
  étiquette de titre
  liste vidéo à défilement horizontal avec imagettes