在播放视频时调整屏幕大小

Resize screen during video playng

本文关键字：屏幕 调整 播放 视频      更新时间：2023-12-12

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

例如，初始尺寸640 x 480每30秒，玩家在10秒内自动调整为440 x 280，然后返回640 x 480。

video.js有可能吗？

根据此处的video.js文档：

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

因为video.js使用标准的HTML标记，所以您可以根据HTML5元素的标准，在点击播放的基础上创建一个addEventListener。

因此，有了这样的理解，我们可以继续构建事件监听器。它看起来像这样：

document.getElementById("video").addEventListener('play', stretch, false);
function stretch() {
        this.removeEventListener('play', stretch, false);
        document.getElementById("stretchMe").style.width="800px";
}
相关文章：