使用引导程序时创建视频标头

create video header when using bootstrap

本文关键字：视频 创建 引导程序      更新时间：2023-09-26

我正在使用引导程序构建网页
我正在使用的模板：http://startbootstrap.com/template-overviews/agency/
我的问题是我想将带有大图像的标题更改为视频
(这里的例子：http://riskeverything.us/(
首先，我认为我只需要将类似 <video></<video> tag 的东西扔进 <div></div> 块中，引导程序的css和js就可以完成剩下的工作，但它失败了！
修改了部分代码：```

<header>
<div class="container">
    <div class="intro-video">
        <video id="video" preload autoplay loop="loop" muted="muted" volume="0"> 
            <source src="./one.mp4" type="video/mp4"> 
            Video not supported
        </video>
    </div>
    <div class="intro-text">
        <div class="intro-lead-in">Welcome To Our Studio!</div>
        <div class="intro-heading">It's Nice To Meet You</div>
        <a href="#services" class="page-scroll btn btn-xl">Tell Me More</a>
    </div>
</div>

'

''有人能告诉我应该做什么进一步的工作吗？
谢谢！

你是对的 - 只需<video></video>带有一些 CSS 的元素应该可以工作：http://take.ms/RWHMi

但更重要的是，您需要特定格式的视频 http://take.ms/AuK1p

在这里你有工作示例 http://jsfiddle.net/h8rrhoua/

您也可以停止使用代码播放电影：

window.addEventListener('scroll', function(){ document.querySelector("#video").pause(); });

恕我直言，这项工作不需要引导程序

相关文章：