javascript - 在 HTML5UP 主题“镜头”中使用视频

Question

我目前正在使用 HTML5UP 主题“镜头”的网站上工作（可以在这里看到：https ://html5up.net/lens ）。该主题用作一页画廊，在背景中显示选定的图像。缩略图的 HTML 代码及其到完整图像的链接如下：

<article>
    <a class="thumbnail" href="images/fulls/fullimage.png"><img src="images/thumbs/thumb.png" alt="" /></a>

我一直在尝试用简短的 .mp4 视频剪辑替换这些图像，只需将“fullimage.png”切换为“clip.mp4”即可。在移动设备上，该剪辑完全按照预期的方式播放，但是在选择视频时，主题在台式机或平板电脑设备上被卡在负载循环中。

Answer 1

尝试：

<article>
    <video><source src="clip.mp4" type="video/mp4"></video>

从根本上说，您的问题是您使用的<img>是用于图像的<video>标签，而不是用于视频的标签。