2015-07-10 84 views
1

使用视频我一直试图让出两个gif S和video S(.mp4.ogg.webm)相同的标记内的一种方式。使用的GIF在<video>标签,或在<img>标签

因此,如果它在<video>标签内,我只会将来源或<source>更改为gifvideo并相应地显示它。

不幸的是,我没有找到任何允许这样做的共识。

有没有人有一个简单的解决方案,然后再转向最困难的?

+0

不可能。如果你能够改变视频元素的“源”,那么通过显示一个视频元素和隐藏另一个视频元素,而不是在视频元素和img元素之间“切换”,不应该那么“更难”...... – CBroe

+0

这里只是一个观点,但GIFs是非常沉重的图像,如果这是有道理的。同样内容的webm视频要小得多,可用于标记为'

+0

@BrianBennett你知道如何在旅途中将gif转换成webm吗? – Fane

回答

2

根据MDN

的HTML <video>元件用于嵌入视频内容。它可能包含几个视频源,使用src属性或 元素表示;浏览器会选择最合适的一个。

因此gif - 不是视频内容 - 为<video>标签

这里使用的选项的supported formats<video>和列表<audio>

0

您可以使用poster属性<video>标签显示gif文件。但它不是一个完整的解决方案,因为你不能一起使用它们(视频和gif)。