在视频播放期间调整屏幕大小

Question

如何在视频播放期间调整视频播放器的大小，调整屏幕大小 10 秒，然后返回初始尺寸。

例如初始尺寸 640 x 480 每 30 秒播放器自动调整大小为 440 x 280 10 秒，然后返回到 640 x 480。

可以使用 video.js 吗？

Answer 1

根据 video.js 文档here：

Video.js 嵌入代码只是一个 HTML5 视频标签，因此对于许多 您可以使用标准标签属性设置的选项 选项。

由于 video.js 使用标准 HTML 标记，您可以根据 HTML5 元素的标准 here 基于点击播放创建 addEventListener。

因此，有了这种理解，我们就可以继续构建事件侦听器了。 Tt 看起来像这样：

document.getElementById("video").addEventListener('play', stretch, false);

function stretch() {
        this.removeEventListener('play', stretch, false);
        document.getElementById("stretchMe").style.width="800px";

}