视频未在引导模式中显示答案

【问题标题】：Video not showing up in bootstrap modal视频未在引导模式中显示
【发布时间】：2014-07-02 03:27:16
【问题描述】：

一个视频标签作为模态内容存在于引导模态中。我可以听到视频标签的音频，但看不到。当我将视频标签附加到其他一些元素（例如 body ）时，它会正确显示在那里。

<div class="modal fade" tabindex="-1" id="video_call_modal" role="dialog" aria-labelledby="Sign up view" data-backdrop="" aria-hidden="true" data-keyboard="false">
            <div class="modal-dialog ">
                <div class="modal-content">

                    <video autoplay id="chat_video"></video>

                </div>
            </div>
        </div>

在javascript内部

     $("#chat_video").attr("src",window.URL.createObjectURL(Stream))
     $("#video_call_modal").modal({keyboard:false})
      $("#video_call_modal").modal('show')

【问题讨论】：

为视频标签设置一些非常大的 z-index 以将其定位在模态窗口上。
没有帮助。我试过了。

标签： javascript jquery html twitter-bootstrap

【解决方案1】：

也许使用 Bootstrap 的modal shown callback 来加载视频。我猜它在有尺寸之前就根据模态进行了调整。

$('#video_call_modal').on('shown.bs.modal', function() {
    $("#chat_video").attr("src",window.URL.createObjectURL(Stream));
});

看在 Pete 的份上，请在这些语句上加上分号！ :-)

【讨论】：