大家好,我正在努力以mp4格式显示gif图像:
<video width="320" height="240" >
<source src="http://media4.giphy.com//media//64zSh1uTE7xxm//100w.mp4" type="video/mp4"/>
</video>
那是我的代码,但是只有第一帧被加载,然后一切都冻结了。//编辑我已将其重现为:
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1"/>
<title>Insert title here</title>
</head>
<body>
<video width="320" height="240" >
<source src="http://media4.giphy.com//media//64zSh1uTE7xxm//100w.mp4" type="video/mp4" autoplay/>
</video>
</body>
</html>
但仍然是静态图片。
edit2 //我已经添加了
controls="controls"
因为在XHTML中,禁止属性最小化,所以必须将autoplay属性定义为video autoplay =“ autoplay”。
您还需要播放视频,因为默认情况下它将在0:00暂停。有3种可能的解决方案。
controls
属性(<video ... controls>
)显示控件并手动播放autoplay
属性(<video ... autoplay>
)自动播放视频通过JavaScript获取元素并在其中播放(此解决方案中的行为与自动播放相同):
var video = document.getElementById ("videoElement");
video.addEventListener ("loadedmetadata", function () { video.play (); });
有关HTML5-视频属性的更多信息,请查看MDN:https : //developer.mozilla.org/en-US/docs/Web/HTML/Element/video
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句