html - Imgur gifv 文件未使用视频标签按预期加载

标签 html gif webm imgur

<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>

这似乎无法加载视频。我假设 .gifv 在需要使用 .webm 时以某种方式搞砸了。当我将其更改为 .webm 时,它仍然无法加载。有没有办法嵌入 .gifv

最佳答案

iframe 方法:

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

使用webm的HTML视频方法:

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

我将源扩展名从 .gifv 更改为 .webm,删除了控件标签,将预加载设置为自动,添加了自动播放,并添加了循环。

关于html - Imgur gifv 文件未使用视频标签按预期加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31681969/

相关文章:

shiny - 如何在 Shiny 中创建和显示动画 GIF?

javascript - 跨域页面刷新

html - 如何使用 CSS 翻转进度条从哪一侧开始

java - Android gif - 将位图转换为电影

javascript - 用Javascript让GIF播放一次后就消失?

ffmpeg 无损转换 webm 到 mp4 产生文件不是 winmediaplayer 可见的

javascript - 使用 Whammy Lib 将 blob 文件转换为 webm

html - 如何使用 Clear Key 加密 webm 文件以使用 Google 的 Shaka Player 播放?

javascript - 如何让 DIV 按顺序从数组中选择一个 ID

javascript - 是否有可能找出 p 的文本中发生鼠标单击事件的位置?