用html显示mp4文件

filemonczyk

大家好,我正在努力以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种可能的解决方案。

  1. 使用controls属性(<video ... controls>)显示控件并手动播放
  2. 加载视频后,使用autoplay属性(<video ... autoplay>)自动播放视频
  3. 通过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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章