Question

我正在尝试在bootstrap模式弹出窗口中播放mp4视频。

视频放在我项目的文件夹中。

问题是，当我从项目文件夹中提供视频路径时，没有任何反应，即视频没有播放：

以下是弹出式窗口

的快照

我尝试了以下代码：

  <!-- Modal HTML -->
    <div id="myModal" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">SECRETS OF SUPERIOR CUSTOMER SERVICE (July 22, 2016)</h5>
                </div>
                <div class="modal-body">                   
                    <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="<%= ResolveUrl("~") %>Departments/HR/Presentations/Credit/csp_pre.mp4"></iframe>

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

但是，如果我将 Src 改为：

http://techslides.com/demos/sample-videos/small.mp4

播放视频。

可能是什么问题？

当我从任何在线链接提供来源时视频播放正常。

请帮帮我。

提前致谢

修改

我还尝试了video标记而不是iframe但如果我从文件夹中提供来源仍然存在问题：

<div class="modal-body">                   
                    <div class="embed-responsive embed-responsive-16by9">
                        <video autoplay loop class="embed-responsive-item"> 
                        <source src="<%= ResolveUrl("~") %>Departments/HR/Presentations/Credit/csp_pre.mp4" type="video/mp4">
                        </video>


</div>
                </div>

Answer 1

尝试用＆＃34;视频＆＃34;替换iframe和＆＃34;来源＆＃34;标签如下所示。

<video autoplay loop class="embed-responsive-item"> 
<!--replace this sample with your video-->
<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
</video>

请仔细检查你的路径。它对我有用。

在Bootstrap模态弹出窗口中播放视频

1 个答案: