2016-08-25 4 views
1

J'ai essayé pour popcorn.capture.js et mis preload="auto", le premier convient juste à firefox et le navigateur suivant de PC costumes. Je veux un moyen de réaliser en mobile (Wechat). Pourriez-vous m'aider?Comment puis-je utiliser dynamiquement la première image comme affiche dans une vidéo HTML5 mobile?

+0

Je pensais qu'omettre 'poster' tous ensemble vous donne la première image par défaut.> [Une URL indiquant une image à afficher jusqu'à ce que l'utilisateur joue ou cherche. Si cet attribut n'est pas spécifié, rien n'est affiché jusqu'à ce que la première image soit disponible; puis la première image est affichée comme le cadre de l'affiche.] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video) – zer00ne

+0

merci beaucoup.Il fonctionne bien sur le chrome dans pc, mais ne fonctionne pas sur mobile.Besides, il semble être lié au codage vidéo. J'explore. –

Répondre

0

Sur les appareils mobiles, l'appareil ne commencera pas automatiquement à télécharger la vidéo, comme vous le savez peut-être. Ceci afin d'éviter que l'utilisateur accuse de grosses factures de données. Comme le locataire n'a pas téléchargé la vidéo, il ne peut pas extraire la première image pour l'afficher. Vous devez donc utiliser le mécanisme d'affichage en HTML5 pour afficher une image en tant que miniature. Une approche courante consiste à générer la vignette du côté serveur lorsque vous «ingérez» ou ajoutez la vidéo au serveur et enregistrez-la à l'endroit où elle peut être affichée comme affiche vidéo.

+0

merci, en fait j'ai utilisé vos conseils à la fin. –