如何在网站上播放mp4视频

Question

我正在尝试在我网站的主页上播放mp4。我有一个示例mp4以下测试.....但我想保持宽度100％这是，但删除一定百分比的顶部和底部所以我有一个更薄的视频。下面保持响应，但我需要减少10％的顶部和底部

<div >
    <div >

    <div align="center" class="embed-responsive embed-responsive-16by9 " style="background-color:red;">

    <video id="video01" autoplay loop class="embed-responsive-item"
    style="background-color:green;">
    <source src="http://elevationchurch.org/wp-content/uploads/2016/01/Website_GetInvolved_v3.mp4" type="video/mp4">
    </video>

    </div>

    </div>
    </div>

Answer 1

我认为SVG Masking是一个解决方案。您可以在此处阅读：http://svglab.com/exp/masking-video.html