Question

我正在使用Twitter Bootstrap Tab-able Panes与我网站上的每个窗格。每个窗格都嵌入了一个video.js视频。

除了最新版本的Safari（我正在使用Windows）之外，所有主流浏览器都能正常运行。

Safari中存在两个问题：

除非您调整浏览器大小，否则不会显示Video.js控件窗口。一旦你这样做，没关系。注意：这不是问题当我将代码直接嵌入页面时 - 这只是一个问题放入TBS窗格时。
如果我在一个页面上有多个视频（在窗格中），它似乎就有了一些限制。一旦我到达它（有时2/3，有时6），音频播放，但（a）视频为“空白”/黑色或（b）视频为卡在一个框架上。

非常令人沮丧:)赞赏任何想法或解决方案。

示例网址：http://kickstart3d.com.au/learn/category/kickstart-leadership/induction/

示例嵌入代码：

<div id='pane-k3d-424' class='tab-pane active'>
<div class="video-container">
    <div class="videoWrapper">
        <video id="my_video_721961889" class="video-js vjs-default-skin" poster="http://www.liveyourown.com/video/k3d-video_starthere.jpg" controls preload="auto" width="640" height="264" data-setup="{}">
            <source src="http://www.liveyourown.com/video/k3d-induction-intro.mp4" type='video/mp4' />
        </video>
    </div>
</div>

使用Twitter Bootstrap Panes时Safari中的VideoJS越野车

0 个答案: