gpt4 book ai didi

HTML5 视频 - 双击全屏

转载 作者:行者123 更新时间:2023-12-05 01:18:07 32 4
gpt4 key购买 nike

我希望在用户双击视频区域时让我的视频全屏显示,而不仅仅是在他们单击控件中的小图标时。有没有办法添加事件或其他东西来控制用户点击视频时发生的情况?

<video controls autoplay>
<source src="/v/foo.mp4">
</video>

谢谢!

最佳答案

按照 Musa 的建议,附加一个双击事件——类似于 $('video').on('dblclick', callback)

element.requestFullScreen 可能是“正确”的方式,但浏览器支持 isn't great yet ,尤其是在移动设备上。

如果您不需要真正的全屏,并且填充浏览器就足够了,您可以在 dblclick 回调中应用一些 CSS。

关于HTML5 视频 - 双击全屏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27768320/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com