如何解决如何为使用Html5创建的视频创建灯箱效果？
| 我已经使用HTML 5视频标签创建了一个视频。该视频采用3种不同的格式，并带有Flash后备广告。是否可以使用“灯箱”效果显示它。下面是我的代码：<script type=\"text/javascript\" src=\"http://static.flowplayer.org/js/flowplayer- 3.2.6.min.js\"></script>
<link rel=\"stylesheet\" href=\"../../stylesheets/styles.css\" />
</head>
<body>
<div id=\"videocontent\">
<video width=\"640\" height=\"360\" preload=\"auto\" controls poster=\"http://www.synergese.co.uk/testMathsOnline/day3/videos/day3Wel.jpg\" tabindex=\"0\" >
<source src=\"http://www.synergese.co.uk/testMathsOnline/day3/videos/fracWelDay3.mp4\" type=\'video/mp4; codecs=\"avc1.42E01E,mp4a.40.2\"\'>
<source src=\"http://www.synergese.co.uk/testMathsOnline/day3/videos/fracWelDay3.webm\" type=\'video/webm; codecs=\"vp8,vorbis\"\'>
<source src=\"http://www.synergese.co.uk/testMathsOnline/day3/videos/fracWelDay3.ogv\" type=\'video/ogg; codecs=\"theora,vorbis\"\'>
<a href=\"http://www.synergese.co.uk/testMathsOnline/day3/videos/fracWelDay3.mp4\"
style=\"display:block;width:640px;height:360px;\"
id=\"player\"></a>
</video>
</div>
<!-- this script block will install Flowplayer inside previous A tag -->
<script language=\"JavaScript\">
flowplayer(\"player\",\"http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf\");
</script>
</body>
解决方法
您可以使用任何lighbox javascript库。例如jquery-tools overlay：
http://flowplayer.org/tools/overlay/index.html
只需使用页面中的示例之一，然后使用视频播放器的HTML更改覆盖内容即可。
, 试试这个
http://videolightbox.com/
, 您可以使用jQuery灯箱，它很容易设置：只需从http://leandrovieira.com/projects/jquery/lightbox/下载它，然后查看页面的“如何使用”部分以了解如何使用它。
Ad @ m
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。