在 ipad vimeo 中禁用全屏

时间:2021-06-21 16:26:17

标签: javascript html vimeo

是否可以禁用全屏视频播放? 当我在 iOS 上的播放器上按下播放时,它以全屏模式播放视频,而在 android 中它以正常模式播放。

分享我正在使用的代码

        <div>
        <iframe 
        src="https://player.vimeo.com/video/120061340?playsline=true" 
        frameborder="0" 
        allowfullscreen="false"
        allow="autoplay; encrypted-media"
        webkit-playsinline="true" 
        playsline="true"
        playsinline="true"
        style="position:absolute;top:0;left:0;width:100%;height:100%;" 
        controlsList="nofullscreen"
        title="Sample Video">
        </iframe>
        </div>
        <script src="https://player.vimeo.com/api/player.js">
        </script>

如果我在这里遗漏了什么,请告诉我

1 个答案:

答案 0 :(得分:0)

您正在加载一个 iframe 并尝试在其上放置 video 元素属性。您需要直接在您自己的 iframe 元素中调用视频文件,而不是加载 video。或者,您可以添加一个 mutation observer,等待 Vimeo 视频元素插入页面,然后向其添加 webkit-playsinline 属性。

相关问题