【问题标题】:Disable fullscreen in ipad vimeo在 ipad vimeo 中禁用全屏
【发布时间】:2021-09-05 08:05:55
【问题描述】:

是否可以禁用全屏播放视频? 当我在 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>

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

【问题讨论】:

    标签: javascript html vimeo


    【解决方案1】:

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

    【讨论】:

    • 我在 React Native 应用程序的 webview 中使用代码,如果我将其更改为建议的方法,它是否仍然具有 Vimeo 控件?你能分享一个代码sn-p让我结帐吗?
    • 如果你直接拉入视频文件,不,你不会有Vimeo播放器。在上面添加一个样本突变观察者。
    • 没关系,Vimeo 使用 CORS 来阻止帧操作,因此如果不使用代理,您实际上无法做到这一点。
    • 抱歉回复晚了,我提到的控件记录在 vimeo 播放器 js github - github.com/vimeo/player.js 我还没有收到他们的回复
    猜你喜欢
    • 1970-01-01
    • 2011-04-08
    • 1970-01-01
    • 1970-01-01
    • 2015-04-20
    • 1970-01-01
    • 2011-10-03
    • 1970-01-01
    • 2011-03-02
    相关资源
    最近更新 更多