如何在Carousel Bootstrap中添加視頻3

我想在我的網站上放置一個畫廊。我是bootstrap世界的新手，所以我想知道你們是否可以幫助我。底部是我的源代碼，當我點擊圖片時，它只會顯示圖片的大預覽，所以我試圖做的是使它成爲帶有控件的視頻。我希望你能理解並能幫助我。順便說一句，我正在編輯一個模板網站，所以我真的不知道如何解決這個問題。如何在Carousel Bootstrap中添加視頻3

<div class="container"> 
    <div class="row"> 
     <div class="col-lg-12 col-md-12 col-sm-12"> 
      <div id="gallerySLide" class="gallery_area"> 
       <a href="videos/1.mp4" title="This is Title"> 
        <img class="gallery_img" src="img/gallery/img-small1.jpg" alt="img" /> 
       <span class="view_btn">View</span></a> 
      </div> 
     </div> 
    </div> 
</div>

圖片：https://ibb.co/mtZNLk https://ibb.co/mns3RQ

來源

2017-05-17 Mmezreal

video tag？ https://www.w3schools.com/tags/tag_video.asp – mxr7350

使用video標籤，如果有不支持的瀏覽器，將顯示消息

<div class="container"> 
    <div class="row"> 
     <div class="col-lg-12 col-md-12 col-sm-12"> 
      <div id="gallerySLide" class="gallery_area"> 
       <video title="This is Title" poster="img/gallery/img-small1.jpg" controls> 
        <source src="videos/1.mp4" type="video/mp4"> 
        Your browser does not support the video tag. 
       </video> 
      </div> 
     </div> 
    </div> 
</div>

來源

2017-05-17 13:11:12 mxr7350

我希望它在傳送帶內，先生。 https://ibb.co/mns3RQ正如你所看到的，如果可能的話，我希望大視頻被視頻替換。謝謝。 – Mmezreal

@Mmezreal我更新了答案 – mxr7350

https://ibb.co/cMBuGQ我真正的意思是先生是當我點擊小圖片的視頻將在旋轉木馬上播放。如果我不清楚解釋的事情，我很抱歉，我真的需要這個。 – Mmezreal

您可以在HTML 5使用視頻元素嵌入視頻，controls屬性將顯示視頻的控件。

<div id="gallerySLide" class="gallery_area"> 
    <video width="320" height="240" controls> 
     <source src="movie.mp4" type="video/mp4"> 
    </video> 
</div>

來源

2017-05-17 13:11:28 hjm

我希望它在傳送帶內，先生。 https://ibb.co/mns3RQ正如你所看到的，如果可能的話，我希望大視頻被視頻替換。謝謝。 – Mmezreal

如何在Carousel Bootstrap中添加視頻3

回答

相關問題