jquery 在CSS中有没有一种方法可以在手机旋转时停止全屏播放视频？

3pmvbmvn 于 2023-01-12 发布在 jQuery

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

我用iframe嵌入了一段视频，它在我的iPhone上的纵向模式下运行良好，我可以一边滚动一边听视频，同时阅读页面的其余部分。
但每当我旋转手机时，它就会进入全屏模式，我再也不能向下滚动了。它只能聚焦在视频上。我想要它在肖像模式下的功能，但我卡住了。
我试过媒体查询，但还是不行

@media screen and (orientation: landscape) {
    iframe {
    allowfullscreen: false;
    }
}

1条答案

<video controls webkit-playsinline playsinline>
    <source src="file.mp4" type="video/mp4">
</video>

尝试使用webkit-playsinline和playsinline。它应该让它在它所在的位置播放，而不是默认的f。
希望有帮助。