2

我正在设计一个网站，我有一个大横幅（用flexslider 制作）滚动图像和电影（我想用JWplayer流式传输）。

有没有人有在 flexslider 中使用 jwplayer 视频的经验？它确实在 flexsliders 的网站上说支持任何 html 元素，但我想从实际的用户体验中知道这是否可能（经过多次尝试，我还没有从 woothemes 得到答案）。

或者还有其他更好的解决方案可以在 flexslider 中嵌入电影吗？

4

2 回答 2

6

你试过了吗？还是您没有提到某种奇怪的限制？因为我下载了两者，将 JWplayer 包含到 flexslider 示例页面中，并用 div 替换了其中一个滑动图像，它工作正常。

下载两者，将它们解压到同一个文件夹中，在 demo.html 中，将其中一个 <li> 的内容替换为：

<script type="text/javascript" src="jwplayer.js"></script>
<div id="mediaplayer"></div> 
<script type="text/javascript">
    jwplayer("mediaplayer").setup({
        flashplayer: "player.swf",
        file: "video.mp4",
        image: "preview.jpg"
    });
</script>

说真的，这再简单不过了。

于 2012-07-02T12:25:00.367 回答
2

这是 jwplayer 和 flexslider 一起工作的一个 hackish 示例 http://jsfiddle.net/MCcy5/4/

于 2012-07-07T10:22:12.923 回答