使用javascript的视频效果

有谁能告诉我如何在页面上显示视频效果吗？它具有100%的宽度，响应速度快，并且使用Javascript

---

如果您有任何代码示例，那就太好了。

该站点正在使用HTML5视频标签。以下是源代码，由Google Chrome呈现：

<video loop="loop" poster="/video/features/main.jpg" style="width: 1263px; height: 711px; top: -186.5px; left: 0px;">
  <source src="/video/features/main.webm" type="video/webm">
  <source src="/video/features/main.mp4" type="video/mp4">
</video>

该标签显然只能在兼容HTML5的浏览器中使用，可以播放视频文件。这就是它在本案中所做的

第一个视频源是主视频源，如果不支持第一种视频格式，MP4是备用视频源。“循环”属性允许您设置播放视频的循环，海报是要显示的图像，直到用户播放或查找为止

---

请看。

该网站正在使用HTML5视频标签。以下是源代码，由Google Chrome呈现：

<video loop="loop" poster="/video/features/main.jpg" style="width: 1263px; height: 711px; top: -186.5px; left: 0px;">
  <source src="/video/features/main.webm" type="video/webm">
  <source src="/video/features/main.mp4" type="video/mp4">
</video>

该标签显然只能在兼容HTML5的浏览器中使用，可以播放视频文件。这就是它在本案中所做的

第一个视频源是主视频源，如果不支持第一种视频格式，MP4是备用视频源。“循环”属性允许您设置播放视频的循环，海报是要显示的图像，直到用户播放或查找为止

---

请在此处查看。

BKWLD dev。我们使用一个外部div设置为

overflow:hidden

，然后根据16:9的纵横比，使用JavaScript缩放并定位视频标记

下面是每个窗口调整大小事件的简化示例：
（）

---

这里是BKWLD dev。我们使用一个外部div设置为

overflow:hidden

，然后根据16:9的纵横比，使用JavaScript缩放并定位视频标记

下面是每个窗口调整大小事件的简化示例：
（）