如何在Chrome中启用视频标签HTML中的全屏按钮？

vcirk6k6 于 2022-12-06 发布在 Go

关注(0)|答案(1)|浏览(227)

我的网页上有一个HTML脚本，带有视频标签，如下所示：

<video width="640" height="480" controls 
src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

在Firefox中，结果是这样的，有可能进入全屏：

但在Chrome中，它是这样显示的，我无法按下全屏按钮：

我如何才能在Chrome中获得全屏显示的可能性？我使用的是Chrome版本104.0.5112.81

1条答案

我也遇到了同样的问题。我找到了解决这个问题的方法。你应该在视频标签中添加“allowfullscreen”。
我将其用作iframe。如果您按以下方式使用它，全屏按钮将变为活动状态。

<iframe src="video.mp4" id="video" allowscriptaccess="always" allow="autoplay" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

希望对你有用。