小编Moh*_*amy的帖子

我找到了这个演示 ,

该演示有一个非常好的效果,我想知道是否有任何人有办法应用这个演示易于使用bootstrap Modal特别是第一个(淡入和缩放)

我想在我的网站上制作html5背景视频.但我对IE和谷歌Chrome有一些问题..我已经在这里制作了实例 可以任何人请告诉我我的视频有什么问题我发现它在谷歌浏览器黑屏并且不在IE CSS中工作:

<section class="container-1140" id="mast" style="height: 775px;">

        <div style="overflow:hidden; background:url(http://riskeverything.us/wp-content/themes/risky/images/splash-home.jpg) no-repeat; background-size:cover;" id="mast_inner-1">

            <div id="mast_inner-2">

                <video loop="1" autoplay="1" id="mast_inner-2" class="_534g" style="display: block;" controls="true">

                    <source src="video/video.mp4"></source>
                    <source src="video/video.webmhd.webm"></source>
                    <img src="video/poster.jpg">

                </video>

            </div>

                </div>

    </section>

HTML是:

<section class="container-1140" id="mast" style="height: 775px;">

        <div style="overflow:hidden; background:url(http://riskeverything.us/wp-content/themes/risky/images/splash-home.jpg) no-repeat; background-size:cover;" id="mast_inner-1">

            <div id="mast_inner-2">

                <video loop="1" autoplay="1" id="mast_inner-2" class="_534g" style="display: block;" controls="true">

                    <source src="video/video.mp4"></source>
                    <source src="video/video.webmhd.webm"></source>
                    <img src="video/poster.jpg">

                </video>

            </div>

                </div>

    </section>