使用bootstrap将响应式视频播放器嵌入到网页中

Question

我有以下代码片段，以响应将视频嵌入网页。

<div class="col-sm-3 col-md-6 " style="display:table-cell;margin-top:20px;" >
    <div class="form-group">
        <div class="videoUiWrapper thumbnail">
            <video width="100%" id="vdHotPress" controls>
            <!-- set width to 100% and add controls for play and volume buttons-->

                <source src="https://www.youtube.com/watch?v=LTFpAL7Rfww" type="video/mp4" />
                Your browser does not support the video tag.
            </video>
        </div>
    </div>

</div>

显示视频播放器。但视频播放器已禁用。这是什么原因。请帮忙。

Answer 1

我的猜测是你需要使用Youtube iframe嵌入而不是HTML5视频嵌入。您尝试使用的来源不是视频本身的网址，而是Youtube页面。试试这个：

$(document).ready(function() {
  $('#showsearch').click(function() {
    $('.input-display').slideToggle("fast");
  });
});