Une question? Pas de panique, on va vous aider! 18 novembre 2014 à 23:14:58
MP4
Modifier le lecteur video mp4 à sa manière, par exemple, mettre un bouton "play" personnalisé, une barre de chargement personnalisé, un bouton play en cas de pause, une liste déroulante pour l'audio
Si tu vois ce que je veux dire...
18 novembre 2014 à 23:21:25
Salut,
Ce que tu dois faire, c'est mettre ta balise vidéo sans aucun élément de contrôle (donc en ne mettant pas l'attribut "controls"). À ta charge ensuite de créer les éléments nécessaires en html, de les styliser en CSS, puis de les raccorder à ta vidéo en javascript. Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code! 19 novembre 2014 à 0:42:30
Il n'y a pas de rapport avec la balise vidéo elle-même. Personnaliser lecteur video html5 gratuit. Tu vas devoir créer des éléments en html (un bouton lecture / pause, un contrôleur de volume, etc. ), donc tu pourras leur donner les classes que tu veux. 19 novembre 2014 à 1:34:50
En gros:
?? Et après comment je les modifies en CSS?
$(function() {
// La vidéo étant lancée automatiquement, le bouton est masqué
$('#play_pause')();
// Assignation de l'élément
Personnaliser Lecteur Video Html5 Converter
:)
Pour intégrer une vidéo Youtube ou Vimeo:
Ensuite, vous n'avez plus qu'à inclure les fichiers CSS et Javascript de Plyr. Pour ce dernier, placez-le en bas de page, avant la balise
. Pour initialiser Plyr, utilisez ce code Javascript:
();
Une pléthore d'options est disponible. La liste complète est accessible sur la documentation. Vous pouvez gérer la présence de certains contrôles (bouton lecture, plein écran,... ), autoriser la lecture automatique au chargement, etc...
({
controls: ["play", "volume"],
autoplay: true});
Egalement, vous pouvez interagir avec Plyr en Javascript. Par exemple, pour mettre en pause la vidéo:
document. querySelectorAll("")[0]();
Les sous-titres (captions) sont prises en compte par Plyr. Il vous suffit d'utiliser la balise HTML5