HTML5Utilisation du DOM pour un exemple de contrôle personnalisé : compétences du didacticiel html5

Bien que les vidéos HTML5 puissent utiliser des contrôles pour afficher les contrôles et contrôler la lecture, la pause, etc., différents navigateurs peuvent afficher différents effets, nous devons donc souvent utiliser Dom pour effectuer certaines opérations et contrôles personnalisés. Ci-dessous un petit exemple.
Bien sûr, l'effet n'est pas très beau. Si vous voulez que ça soit beau, vous pouvez définir vous-même le style CSS.

Copier le code

Le code est le suivant :

Lecture/Pause

moyen
petit

Copier le codeLe code est le suivant :

Il est à noter que parmi toutes les propriétés, seules les propriétés videoWidth et videoHeight sont immédiatement disponibles.

Les propriétés supplémentaires ne sont pas disponibles tant que les métadonnées de la vidéo n'ont pas été chargées.