使用燈箱打開本地視頻

最終，我的目標是在我的網站上播放一個小型視頻，然後當用戶將鼠標懸停在它上面時，它會在燈箱中打開並播放聲音。懸停功能我會去，但現在我似乎無法獲得本地視頻（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

使用燈箱打開本地視頻

回答

相關問題