Question

大家好我很难以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属性定义为视频autoplay =＆＃34; autoplay＆＃34;。

Answer 1

您也需要播放视频，因为默认情况下它会在0:00暂停。这个问题有3种可能的解决方案。

使用controls属性（<video ... controls>）显示控制并手动播放
使用autoplay属性（<video ... autoplay>）加载后自动播放视频

通过JavaScript获取元素并在那里播放（与...相同的行为）此解决方案中的自动播放）：

var video = document.getElementById ("videoElement");
video.addEventListener ("loadedmetadata", function () { video.play (); });

有关HTML5-Video属性的更多信息，请查看MDN：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

Answer 2

我自己并不太熟悉HTML，但我也遇到过这个问题。视频在第一帧上被冻结的原因是，默认情况下，视频在0:00 暂停，这意味着如果没有用户干预或代码自行播放，它将无法播放。有两种解决方案：

此视频包含控件，可以通过将<video width="320" height="240">更改为<video width="320" height="240" controls>或
添加autoplay属性，包括自动播放，这可以通过再次将<video width="320" height="240">更改为<video width="320" height="240" autoplay>来完成。

希望这有帮助！

Answer 3

将自动播放属性添加到视频广告代码中，例如：

<video width="320" height="240" autoplay>

Answer 4

你忘记了完整的建筑。

<video width="320" height="240" controls> </video>

而不是控件，您可以使用其他属性。

autoplay - 指定视频在准备就绪后立即开始播放
controls - 指定应显示视频控件（例如播放/暂停按钮等）。
height-设置视频播放器的高度
loop - 指定视频将在每次完成时重新开始
muted - 指定视频的音频输出应静音
poster - 指定在下载视频时显示的图像，或直到用户点击播放按钮
preload - 指定作者是否以及如何在页面加载
src - 指定视频文件的URL
width - 设置视频播放器的宽度

如需更多信息，请访问：w3schools

用html显示mp4文件

4 个答案: