2015-07-28 3 views
2
<video width="320" height="240" controls> 
<source src="http://i.imgur.com/91S22q6.gifv" type="video/webm"> 
Your browser does not support the video tag. 
</video> 

Cela ne semble pas charger la vidéo. Je suppose que le .gifv est en train de tout gâcher quand il doit utiliser .webm. Quand je le change en .webm, il ne charge toujours pas. Est-il possible d'intégrer un .gifv?Le fichier gifv Imgur ne se charge pas comme prévu en utilisant la balise vidéo

Répondre

5

méthode Iframe:

<iframe src="https://imgur.com/91S22q6/embed" width="200" height="220" scrolling="no" style="border:none;"></iframe>

méthode vidéo HTML en utilisant WebM:

<video preload="auto" autoplay="autoplay" loop="loop" style="width: 200px; height: 200px;"> 
 
    <source src="//i.imgur.com/91S22q6.webm" type="video/webm"></source> 
 
</video>

I cha nged l'extension source de .gifv à .webm, supprimé la balise controls, définissez preload sur auto, autoplay ajouté et loop ajouté.

+0

Y at-il un moyen de faire une 'capture d'écran' du .gifv? J'ai un script PHP gif-to-png qui capture la première image, puis l'utilisateur peut appuyer sur un bouton de lecture, sinon ils peuvent faire défiler jusqu'à et voir à mi-chemin ou quelque chose. – frosty

+0

http://stackoverflow.com/questions/13760805/how-to-take-a-snapshot-of-html5-javascript-based-video-player –

+0

L'intégration iframe ne fonctionne plus – marksyzm

4

J'ai récemment eu un problème avec l'intégration d'un gifv en utilisant l'extension webm. J'ai réussi à remplacer l'extension "webm" par "mp4". Ce n'était que pour un fichier récemment téléchargé, un fichier plus ancien n'avait aucun problème.

<video preload="auto" autoplay="autoplay" loop="loop" style="width: 200px; height: 200px;"> 
    <source src="//i.imgur.com/91S22q6.mp4" type="video/mp4"></source> 
</video> 

Cette page de soutien Imgur semble indiquer à l'aide mp4 plutôt que WebM: Sharing Posts, GIFs, GIFvs, and Images

0

La méthode 'WebM' a été arrêté maintenant. La nouvelle méthode est:

<video preload="auto" autoplay="autoplay" loop="loop" style="max-width: 90%; height: auto;"> 
    <source src="https://i.imgur.com/hxcsP6x.mp4" type="video/mp4"> 
</video>