Запустите локальное видео в fancybox mit JWPlayer, идентификатор видео в URL
Так я обычно запускаю видеофайл с помощью fancybox и jwplayer.
Голова:
<head> /* ... */
<script type="text/javascript" src="jwplayer/jwplayer.js"></script>
<script type="text/javascript" src="fancybox/lib/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="fancybox/source/jquery.fancybox.js?v=2.1.3"></script>
<link rel="stylesheet" type="text/css" href="fancybox/source/jquery.fancybox.css?v=2.1.3" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
<script type="text/javascript">
$(document).ready(function() {
jwplayer('startTheMovie').setup({
file: "file.mp4",
width: "640",
height: "360",
});
});
</script>
</head>
Тело:
<body>
<div style="display:none">
<div id="movie">
<div id="startTheMovie">Loading...</div>
</div>
</div>
<a href="#movie" class="fancybox">Click here to start the movie</a>
</body>
Задача сейчас такова: у меня есть 140 видеофайлов, и я не хочу, чтобы функция была для каждого отдельного файла. Знаете ли вы решение для назначения функции идентификатора видео (который может быть именем файла видео) при нажатии на ссылку?
Я думал о чем-то вроде этого:
<a href="#movie?id=movie1" class="fancybox">Click here to start movie no 1</a>
<a href="#movie?id=movie2" class="fancybox">Click here to start movie no 2</a>
Спасибо.