Video Intro Plugin

Le plugin vidéo-intro vous permet d’ajouter une vidéo en haut de la page. (The video-intro plugin allows you to add a video at the top of page.)

---## Instructions pour ajouter un vidéo-fond à n’importe quelle page, simplement de charger un fichier vidéo mp4 et accédez à *** page › Paramètres › plugins › vidéo fond *** et définissez la source vidéo. ** Vidéo Source ** si vous avez téléchargé le fichier vidéo dans le même dossier, puis simplement ajouter le nom de fichier, par exemple « myvideo.mp4 ». Facultativement, vous pouvez utiliser un lien absolu vers un fichier vidéo mp4 externe, ou un chemin d’accès relatif à la racine d’un fichier mp4 dans un autre dossier. ** Ajout d’une source vidéo efficace permet la plugin.* de vidéo d’arrière-plan ## Optional Settings « Poster » ajouter le nom d’un fichier jpg téléchargé à la page, ce qui représente la vidéo. L’image de l’affiche peut (ou non) s’affiche avant que la vidéo commence à jouer. En outre, l’image de l’affiche s’affichera sur les appareils mobiles au lieu de la vidéo. * Si vous laissez cette valeur vide, l’image d’aperçu page par défaut sera utilisé instead.*

Astuce !

Si vous téléchargez une image de l’affiche dans le même dossier, vous pouvez « Hide Gallery » pour empêcher l’affichage du module de Galerie. Facultativement, vous pouvez nommer le fichier affiche avec le préfixe _underscore (par exemple « _poster.jpg »), pour cacher à la Galerie module.*

« Affiche Mobile » utiliser ce paramètre si vous souhaitez définir un * différents * image de l’affiche spécifiquement pour les appareils mobiles. « Menu Style » depuis le menu principal est la vidéo la superposition, nous utilisons la * menu-absolu-20 * style par défaut pour s’assurer que le menu reste visible. Vous pouvez choisir un autre style ou définir par défaut / none. « Height » [0-100 %] définir la hauteur de votre vidéo-fond comme une valeur en pourcentage de la fenêtre visible des écrans. Par défaut, cette valeur est définie à 100, qui définit la vidéo pour couvrir l’espace scénique visibles ensemble. « Autoplay » affecte la vidéo lecture automatique une fois qu’il est partiellement chargé. « Toggleplay » affiche un bouton lecture/pause au bas de la vidéo. Il est fortement recommandé de garder ce bouton activé, pour les visiteurs avec des soucie d'orientation, autisme et pour bien d’autres raisons un visiteur, et visionner une vidéo en boucle. « Boucle » définit la vidéo en boucle. « Sourdine » met en sourdine la vidéo.  Idéalement, devraient être encodés au fond-vidéos sans raccourci « Cacher contexte » un so.* pour masquer entièrement tout le contexte de la page. « Cacher le pied de page » un raccourci pour cacher le pied de page pour cette page spécifique. ## Limitations fond-vidéo peut être une fonction utile, mais il existe de nombreuses limites de que vous devez pour être au courant.

  • Does not work on mobile
    Unfortunately, the video-background does not work on mobile devices for several reasons. Instead, there is a fallback for mobile devices. * See details in mobile fallback section below.
  • Video Cropped
    As you may understand, for a background video to display nicely at any height, on any device, on any screen aspect, the video may be cropped appropriately to 'fit' the designated stage area.
  • Does not work for sidebar layout
    Because of the huge technical difference of this layouts, the video background plugin currently only works for the topbar- and slidemenu layouts.
  • H.264 encoded mp4 format
    Video in HTML5 is limited by various file formats and codecs. To be sure that your video displays properly across all browsers, the video should be encoded in H.264 codec, in mp4 format [ref].
  • 2MB Upload Limit
    Your host may have a 2MB upload limitation, in which case you would need to upload large video files by FTP into appropriate folders.
  • Browser remembers play-state
    If a visitor clicks to "pause" the video, the video will also be paused next time the page loads. This is just common sense.
  • Results of slow internet
    If your video file is large, and the visitor is on a relatively slow connection, they may see the video start- and stop frequently while buffering.
  • Autoplay disabled
    Some visitors have simply disabled autoplay from their browser, in which case the video simply won't autoplay.
  • Loop stitch
    Don't expect the video loop to stich seamlessly on all browsers, even if your video is made to do so. Depending on the browser, it might take several milliseconds before the video starts re-playing.

Mobile Fallback

For several obvious reasons, background-video will not display for mobile devices, and will instead display the poster image (or poster-mobile image), which is an acceptable fallback.

  • Most mobile devices (including iphone/ipad) do not allow autoplay, mainly to prevent unsolicited cellular download. There is no "fix" for this.
  • Even if the video was loaded in pause-mode, clicking the native play button would open the video in a player-window, so it wouldn't be a background video.
  • A video may require too much bandwidth, and will often stutter on mobile.

Recommendations

The background-video plugin is intended to be used as a motion-background to compliment the page content. Don't use video just because you can or because it looks nice. We recommend using a short, subtle video loop, without sound, lasting only a few seconds, and compressed at acceptable file size.

Useful links