2016-08-14 7 views
0

В конечном итоге моя цель - отключить мини-видео на моем веб-сайте, а затем, когда пользователь на него нависает, он открывается в Лайтбоксе и играет со звуком. Функция зависания, на которую я доберусь, но сейчас я просто не могу получить локальное видео (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

Нашел ответ - Полностью проскользнул мой разум, чтобы просто осмотреть элемент. На всякий случай, когда кто-то натыкается на это при разработке веб-сайта, это было так же просто, как я думал ... ну для веб-файлов в любом случае. Я буквально изменил строку <a href="websiteintro.webm" data-webm="websiteintro.webm" class="html5lightbox" title="web">image mp4</a>

К сожалению, данные, mp4 не работает mp4 по-прежнему, но WebM будет делать на текущий