Annonce vidéo

Ce portlet est utilisé pour afficher une vidéo.

Le portlet CTC Demo utilise un portlet vidéo sur la page A propos.
Une image de l'annonce vidéo.

Utilisation

Ce portlet peut être utilisé n'importe où sur votre site pour afficher une vidéo.

Ajout du portlet à une page

Procédure

  1. Accédez à la page sur laquelle vous souhaitez ajouter une annonce vidéo.
  2. Click Edit Mode.
  3. Click Create > Content > Teasers.
  4. Faites glisser le portlet Annonce vidéo sur la page et enregistrez la page.

Options de personnalisation du créateur de contenu

Options en ligne

En utilisant les menus d'édition directe, vous pouvez :
  • Modifiez les vidéos qui apparaissent dans le portlet Annonce vidéo en survolant les icônes vidéo. Ajoutez plusieurs formats de la même vidéo pour la compatibilité du navigateur.
  • Modifiez le titre en survolant le titre de l'annonce.
  • Ajoutez du texte descriptif en survolant le résumé et en modifiant le contenu de l'annonce.
  • Modifiez les paramètres d'affichage vidéo de la hcréateur et de la largeur.

Une image du portlet Annonce vidéo en mode Edition.

Options de configuration du portlet

En cliquant sur Ouvrir le formulaire d'édition dans le menu du portlet, le créateur de contenu peut également sélectionner un composant d'en-tête ou de pied de page à afficher dans l'annonce vidéo.

Options de personnalisation du concepteur de site

Avec le portail en mode édition, les concepteurs de vues peuvent apporter les mêmes modifications de personnalisation que les créateurs de contenu, et plus encore.

Style CSS

Un concepteur de site peut utiliser un fichier CSS pour personnaliser l'apparence du portlet.

Les fichiers CSS sont stockés dans ce dossier WebDAV : dav://server:port/wps/mycontenthandler/dav/fs-type1/themes/Portal8.5/CTC/css

Utilisation de la vidéo

Pour une prise en charge sur les unités de bureau et les appareils mobiles, les vidéos peuvent être codées dans les différents formats pris en charge par les éléments de vidéo HTML5. Le tableau suivant montre les formats vidéo pris en charge par chaque navigateur.

Navigateur MP4 (H.264/ACC) WebM (VP8/Vorbis) Ogg (Ogg Theora/Vorbis)
Google Chrome Oui Oui Oui
Microsoft™ Internet Explorer 9 et versions supérieures Oui Non Non
Mozilla Firefox Oui pour version 21 ou supérieure Oui Oui
Opera Oui pour version 25 ou supérieure Oui Oui
Safari et Mobile Safari Oui Non Non
Remarque : Internet Explorer ne prend pas en charge la balise vidéo pour les versions ultérieures à la version 9. Si des utilisateurs disposent de versions plus anciennes d'Internet Explorer, vous devez également configurer Adobe Flash Player pour lire les vidéos. Ajoutez le lecteur Flash en tant que ressource de fichier dans Web Content Manager. Editez ensuite le composant de la zone Video dans la bibliothèque CTC Design afin d'ajouter un code similaire au code suivant, pointant vers le lecteur Flash Player à utiliser.
<video>
<source .../>
<!-- Add flash player here -->
<object ... >
<param NAME="movie" value="">VIDEO PLAYER" />
</object>
</video>