使用backbone.js和jw播放器在单个页面上播放多个html5视频（不是同时）答案

【问题标题】：Play multiple html5 video on single page (not simultaneously) using backbone.js and jw player使用backbone.js和jw播放器在单个页面上播放多个html5视频（不是同时）
【发布时间】：2012-05-18 13:33:53
【问题描述】：

我正在使用backbone.js 替换页面上的内容。在主干放置新内容后，我调用 JW Player 脚本来创建视频（Flash 普通网络，iOS 上的 HTML5 视频标签）。

当我播放一个视频时，停止该视频，使用主干替换视频，点击播放新视频......新视频只有一个微调器，不会播放。（这只发生在 iOS 设备上）

有没有人遇到过这个问题，知道可能发生什么以及如何解决它？

此内容正在通过主干进行更新。

<div class="media-wrapper">
    <div class="media-holder"><div id="media"></div></div>
</div>

这个函数在主干之后被调用，并在上面的 div 上创建视频。

function create_video(url,w,h,thumb)
{
    jwplayer('media').setup({
        flashplayer: '/api/js/jwp/player.swf',
        skin: '/api/js/jwp/video.zip',
        wmode: 'opaque',
        image: thumb,
        file: url,
        height: h,
        width: w
    });
}

我很确定它不是 JW Player，而是与 iOS 以及它如何处理 html5 视频有关。

【问题讨论】：

标签： ios html backbone.js jwplayer html5-video

【解决方案1】：

这是一个已知的错误[1]，使用相同的 div 并多次调用 setup。与该错误相关的论坛帖子有一个简单的解决方法，即每次调用 setup 时增加 div id。

[1]http://developer.longtailvideo.com/trac/ticket/1615

【讨论】：

谢谢，让 div 具有动态 ID 解决了这个问题。