Question

最终我的目标是在我的网站上播放一个小视频静音，然后当用户将鼠标悬停在它上面时，它会在灯箱中打开并播放声音。我将在之后使用悬停功能，但现在我似乎无法在Lightbox中播放本地视频（mp4和webm）。我尝试过FancyBox和LightBox，最接近工作的是（非常简单的html页面）;

<!DOCTYPE html>

<html>
<head>
    <title>Page Title</title>
    
    <script type="text/javascript" src="froogaloop2.min.js"></script>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="html5lightbox.js"></script>
</head>

<body>
    
    <a href="websiteintro.mp4" class="html5lightbox" title="web">IMage</a>
    <a href="websiteintro.webm" class="html5lightbox" title="web">image mp4</a>



</body>
</html>

Lightbox是从https://html5box.com/html5lightbox/下载的，安装说明来自https://html5box.com/html5lightbox/index.php#quickinstallation

点击链接后灯箱会打开但没有播放，只是一个灰色的背景。我的视频与html页面位于同一文件夹中，因此没有文件路径，因此不应该是问题。我想可能有一个我需要使用的课程，因为它是一个视频，但我无法在任何地方找到解决方案。这可能是一个非常简单的修复，我找不到它，请帮忙！

使用灯箱打开本地视频

0 个答案: