Question

视频标记作为模态内容存在于bootstrap模式中。我可以听到视频标签的音频，但它不可见。当我将视频标签附加到其他元素（例如正文）时，它会正确地显示在那里。

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

Answer 1

也许使用Bootstrap的modal shown callback来加载视频。我猜测它在尺寸确定之前已经调整了尺寸。

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

为了皮特的爱，在这些陈述上加上分号！： - ）

视频没有出现在bootstrap模式中

1 个答案: