Javascript 在HTML5UP主题中使用视频'；镜头'；

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

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

我一直试图用简短的.mp4视频剪辑替换这些图像，只需将“fullimage.png”切换为“clip.mp4”。在移动设备上，视频片段完全按照预期播放，但在桌面或平板电脑设备上，当选择视频时，主题会卡在加载循环中

试试看：

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

---

从根本上说，您的问题在于您使用的是用于图像的

标记，而不是用于视频的

标记。

谢谢您的回答，德克兰。我应该指定：img标记用于缩略图图像，它作为一个“链接”运行，选中时，显示目标“fullimage”，通过“href”部分链接。据我所知，这部分没有图像标签。加入视频标签的最佳方式是什么？您是否尝试过使用预期的解决方案查看inspector，并查看出现了哪些错误（如果有）？@petepaulson875事实上，在查看了该网站的源代码后，我很惊讶视频能够正常工作，即使是在移动设备上——它根本不支持视频。我的猜测是，移动浏览器只是直接加载视频链接并完全屏蔽它，忽略了镜头主题，而镜头主题不知道如何处理视频。