dans le partie précédente En utilisant un mélange de HTML5, jQuery et CSS, nous avons construit la fonctionnalité barebone de notre arrière-plan vidéo plein écran piloté par HTML5. Cette fois-ci, nous allons nous pencher sur le sujet, préparer des solutions de rechange et comprendre comment il peut être utilisé dans le cadre de vos propres conceptions de travail. Dans le guide d'aujourd'hui, nous ajouterons à notre vidéo en plein écran de plusieurs manières, notamment:

  • créer nos propres superpositions de motifs pour nous asseoir au-dessus de notre vidéo; telles que les lignes de balayage de style ancien téléviseur, en stylisant votre vidéo en fonction de votre propre design;
  • convertir notre vidéo en plusieurs formats pour permettre la prise en charge universelle entre navigateurs pour votre arrière-plan vidéo.

Avec tout cela, je montrerai aussi comment la vidéo peut être utilisée de manière créative en superposant d'autres éléments, en vous montrant comment cette technique puissante peut alimenter vos propres conceptions. ou même fournir un nouveau fond passionnant pour ce design sur lequel vous travaillez actuellement!

Avez-vous utilisé la vidéo en plein écran comme arrière-plan dans l'une de vos conceptions? Avez-vous une méthode de mise en œuvre préférée? Faites le nous savoir dans les commentaires.