2

我在我的网站上的每个窗格中都使用 Twitter Bootstrap 可选项卡窗格。每个窗格都嵌入了一个 video.js 视频。

除了最新版本的 Safari（我使用的是 Windows）之外，所有主流浏览器都可以正常工作。

Safari 有两个问题：

  1. 除非您调整浏览器窗口的大小，否则不会显示 Video.js 控件。一旦你这样做了，就很好了。注意：当我将代码直接嵌入页面时，这不是问题 - 只有放入 TBS 窗格时才会出现问题。

  2. 如果我在一个页面上有多个视频（在窗格中），似乎有一些限制。一旦我到达它（有时是 2/3，有时是 6），就会播放音频，但是（a）视频是“空白”/黑色或（b）视频卡在一个帧上。

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

示例 URL： 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>

4

0 回答 0