视频没有显示在引导模式

Video not showing up in bootstrap modal

本文关键字：模式 显示 视频      更新时间：2023-09-26

一个视频标签存在于bootstrap模态中作为模态内容。我可以听到视频标签的音频，但它不可见。当我将视频标签附加到其他元素(如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')

可以使用Bootstrap的模式显示回调来加载视频。我猜它的大小是模态之前，它有尺寸。

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

看在上帝的份上，在这些语句上加上分号!: -)

相关文章：