使用灯箱打开本地视频

最终，我的目标是在我的网站上播放一个小型视频，然后当用户将鼠标悬停在它上面时，它会在灯箱中打开并播放声音。悬停功能我会去，但现在我似乎无法获得本地视频（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>

灯箱从https://html5box.com/html5lightbox/下载和安装说明从https://html5box.com/html5lightbox/index.php#quickinstallation

接着在点击收藏夹打开，但没有播放，它只是一个灰色背景的链接。我的视频与html页面位于同一个文件夹中，因此没有文件路径，因此不应该是问题。我在考虑可能有某个班级需要使用，因为它是一个视频，但我无法在任何地方找到解决方案。这可能是一个非常简单的解决方法，我找不到它，请帮助！

来源

2016-08-14 Python Noob

找到答案 - 完全溜我的心只是检查元素。万一有人在开发一个网站时遇到这种情况，它就像我想的那么简单......无论如何也适用于webm文件。我实际上只是改了一行<a href="websiteintro.webm" data-webm="websiteintro.webm" class="html5lightbox" title="web">image mp4</a>

不幸的是，数据MP4并不适用于MP4仍然工作，但webm的将现在做

来源

2016-08-14 00:42:41

使用灯箱打开本地视频

回答

相关问题