Javascript Lightbox中的jQuery视频
我正在建造一个灯箱，并已达到增加对flash和视频的支持。我从来没有对视频有任何要求或需求，所以老实说，我不知道从哪里开始。我知道我必须能够为不同的浏览器提供不同的视频格式，但不知道如何做到这一点。我也希望能在“非现代”浏览器中实现这一点。我发现的教程和问题非常模糊，通常导致“尝试使用此插件”。也许有人能帮我解释一下我将如何加载一个与浏览器兼容的视频，以及我应该支持的视频格式？或链接：）谢谢 我也做了同样的事。我使用了和的组合 基本上，每个人的视频背后的想法是，对于不支持HTML5视频的浏览器，使用HTML5Javascript Lightbox中的jQuery视频,javascript,jquery,html,video,Javascript,Jquery,Html,Video,我正在建造一个灯箱，并已达到增加对flash和视频的支持。我从来没有对视频有任何要求或需求，所以老实说，我不知道从哪里开始。我知道我必须能够为不同的浏览器提供不同的视频格式，但不知道如何做到这一点。我也希望能在“非现代”浏览器中实现这一点。我发现的教程和问题非常模糊，通常导致“尝试使用此插件”。也许有人能帮我解释一下我将如何加载一个与浏览器兼容的视频，以及我应该支持的视频格式？或链接：）谢谢 我也做了同样的事。我使用了和的组合 基本上，每个人的视频背后的想法是，对于不支持HTML5视频的浏览器，
Video示例：
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a.video_link").fancybox();
});
</script>
</head>
<body>
<a href="#videoPlayer" class="video_link">Play video</a>
<video width="640" height="360" controls id="videoPlayer">
<source src="__VIDEO__.MP4" type="video/mp4" />
<source src="__VIDEO__.OGV" type="video/ogg" />
<object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF">
<param name="movie" value="__FLASH__.SWF" />
<param name="flashvars" value="controlbar=over&image=__POSTER__.JPG&file=__VIDEO__.MP4" />
<img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__" title="No video playback capabilities, please download the video below" />
</object>
</video>
</body>
</html>
$（文档）.ready（函数（）{
$（“a.video_link”）.fancybox（）；
});