Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/codeigniter/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Twitter引导窗格时Safari中的VideoJS bug_Javascript_Html_Twitter Bootstrap_Video.js - Fatal编程技术网

Javascript 使用Twitter引导窗格时Safari中的VideoJS bug

Javascript 使用Twitter引导窗格时Safari中的VideoJS bug,javascript,html,twitter-bootstrap,video.js,Javascript,Html,Twitter Bootstrap,Video.js,我在我的站点上的每个窗格中都使用了Twitter引导选项卡。每个窗格上都嵌入了一个video.js视频 除了最新版本的Safari(我使用的是Windows),所有主要浏览器都可以正常工作 Safari中存在两个问题: 除非调整浏览器大小,否则不会显示Video.js控件 窗户。一旦你这么做了,就没事了。注意:这不是问题 当我将代码直接嵌入页面时,这只是个问题 当放入TBS窗格时 如果我在一个页面上有多个视频(在窗格中),似乎有 有些限制。一旦我到达它(有时2/3,有时6),音频 播放,但(a)

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

除了最新版本的Safari(我使用的是Windows),所有主要浏览器都可以正常工作

Safari中存在两个问题:

  • 除非调整浏览器大小,否则不会显示Video.js控件 窗户。一旦你这么做了,就没事了。注意:这不是问题 当我将代码直接嵌入页面时,这只是个问题 当放入TBS窗格时

  • 如果我在一个页面上有多个视频(在窗格中),似乎有 有些限制。一旦我到达它(有时2/3,有时6),音频 播放,但(a)视频为“空白”/黑色或(b)视频为 卡在一个框架上

  • 非常令人沮丧:)任何想法或解决方案都值得赞赏

    示例URL:

    嵌入代码示例:

    <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>