Articles of html5 video

La vidéo html5 montre à l'échelle locale mais pas en ligne

C'est la première fois que j'essaie d'utiliser html5 pour afficher une vidéo. Je pourrais voir la vidéo sur ma machine locale et Wamp, pas de problème avec le code. Cependant, aujourd'hui, j'ai chargé la page vidéo en ligne dans l'un de mes sous-domaines, par exemple abc.mysite.com. La vidéo est simplement disparue. Je suis allé vérifier […]

HTML5 vidéo – setting video.currentTime brise le lecteur

J'essaie d'interagir avec un lecteur vidéo html5 tiers dans Chrome. Je peux ainsi obtenir une référence valide: document.getElementsByTagName("video")[1] … et le readyState est 4, donc tout va bien. Je peux avec succès (et avec le résultat attendu) appeler: document.getElementsByTagName("video")[1].play(); document.getElementsByTagName("video")[1].pause(); MAIS quand j'appelle: document.getElementsByTagName("video")[1].currentTime = 500; … la vidéo se gèle et elle ne passe […]

Arrêt au lieu de rembobiner à la fin d'une vidéo dans MediaElement.js

Je me demande comment arrêter le lecteur MediaElement.js à la fin de la vidéo. Je me demandais comment arrêter le lecteur mediaelement.js à la fin d'une vidéo. J'espérais maintenir le dernier cadre et ne pas rembobiner pour montrer le premier cadre tel qu'il le fait maintenant. Est-il possible de modifier ce comportement?

La vidéo affichée dans le composant ReactJS ne se met pas à jour

Je suis nouveau dans ReactJS (0.13.1), et j'ai créé un composant dans mon application pour afficher la vidéo HTML5. Il semble fonctionner parfaitement, mais seulement pour la première sélection. La vidéo qui est actuellement affichée et jouée dans la page ne change pas lorsque vous passez d'une vidéo à une autre (lorsque this.props.video change). Je […]

La taille de la vidéo getUserMedia () dans Firefox et Chrome diffère

J'utilise getUserMedia() , et lors de la mise en œuvre des contraintes (voir ci-dessous), ils ne fonctionnent que dans Chrome et pas Mozilla. La taille en mozilla semble toujours étirée et finit par être plus grande que celle du chomé. var vid_constraints = { mandatory: { maxHeight: 180, maxWidth: 320 } } var constraints = […]

Quelle est la meilleure façon de supprimer l'arrière-plan vidéo html5 pour les utilisateurs mobiles

EXPLICATION: Un client à moi veut avoir une vidéo d'arrière-plan sur son site Web réactif. Cependant, il voudrait également l'enlever pour les utilisateurs de tableaux / mobiles. Je sais que cela peut être fait avec des requêtes multimédias, mais la vidéo serait toujours chargée dans le DOM et c'est ce que je voudrais éviter. DES […]

Vidéo HTML5 "Écran noir" sur iPad

Je crée un site Web contenant des vidéos intégrées. Ce site Web doit également répondre aux utilisateurs d'iPad, mais j'ai actuellement du mal à jouer à l'aide de la video . J'ai malheureusement une vidéo qui fonctionne bien dans les navigateurs mais pas sur un iPad. Je reçois simplement un écran noir avec l'iPad, et […]

Vidéo jQuery et HTML5 – changez la source surCliquez

Je dois créer une vidéo interactive en utilisant HTML5 et jQuery. Mon objectif est de: Jouer à la video1 Lorsque la video1 finit par afficher le onClick , onClick sur la video2 et masquez le button1 Jouer à la video2 On Ended button 2 On Ended button 2 , OnClick change en video 3 etc… […]

Comment faire une lecture automatique vidéo html sur les téléphones et les tablettes?

J'ai une vidéo de fond sur mon site olegefimkin.ru qui devrait commencer à jouer automatiquement sur le chargement de la page. Et il fait sur PC et certains téléphones, mais ne fonctionne pas sur certains téléphones et tablettes (p. Ex. IPhone). J'utilise ce code html: <video autoplay loop muted id="main-video"> <source src="/themes/basic/video/intro.webm" type="video/webm"></source> <source src="/themes/basic/video/intro.mp4" […]

Comment désactiver le téléchargement vidéo / audio dans les pages Web?

J'ai un site Web sur lequel j'ai mis mes vidéos / audios. J'utilise HTML5 et tag pour afficher des vidéos. Mais les vidéos / audios peuvent être téléchargés si le client ouvre la page view source , puis copie l'adresse du fichier. Comment puis-je désactiver le téléchargement de ces fichiers, je souhaite simplement que le […]