[搞定就给 1000 块] 怎么禁止播放器在手机上全屏播放

5 天前
 zhew1991

这个网站: https://streamed.su/watch/espn/alpha/1 的视频,一旦在 iOS 手机 Safari 上打开,点击播放按钮,就会自动全屏播放。我想让他 inline 播放(就是还能看见我网页的那种),不要全屏。

iframe 嵌入的代码如下:

<iframe title="ESPN Player" marginheight="0" marginwidth="0" src="https://embedme.top/embed/alpha/espn/1" scrolling="no" allowfullscreen="yes" allow="encrypted-media; picture-in-picture;" width="100%" height="100%" frameborder="0"></iframe>

请问我应该怎么改才行呢?我的网站是用 React 写的。试过加 allowFullScreen={false},并没有用处。

你的方案如果在我的项目中实际能用的话,会给你 1000 人民币。可能需要你实现其中的部分改动。(只会给第一个搞定的人 1000 块,先来先得)

如果你能搞定,请联系微信 thetraderjack

1492 次点击
所在节点    外包
15 条回复
iOCZS
5 天前
<video playsinline>
webcape233
5 天前
@iOCZS 好家伙 一千
dadaji
5 天前
<video
webkit-playsinline
x5-video-player-type="h5"
x-webkit-airplay="true"
x5-video-orientation="portraint"
playsInline="true"
x5-video-player-fullscreen="portraint"
x5-video-ignore-metadata="true"
></video>
LiuJiang
5 天前
搞定了?
zhew1991
5 天前
@iOCZS @dadaji
这个没用的。video 的代码是在我网页 iframe 里的,我没找到办法跨域修改那个 iframe 里的 video 标签
iOCZS
5 天前
@zhew1991 那是你的事
yoshiyuki
5 天前
<iframe
sandbox
zhew1991
5 天前
@yoshiyuki sandbox 里面加什么呢
programbao
4 天前
用第三方插件吧 video.js 这些试试; 不用原生的 video
yoshiyuki
4 天前
@zhew1991 TRUE
xiecj
4 天前
@zhew1991 #5 Nginx 反代 "https://embedme.top/embed/alpha/espn/1" 这个网站,在 Nginx 配置中用 sub_filter 重写 video 标签
LHRUN
4 天前
这个很恶心,我记得不只是 safari , 国内浏览器每个都有不同的展示方式,都魔改了
qq1234
4 天前
用组件没得,videoJs 可以禁止全屏
redbin
1 天前
redbin
1 天前

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1088168

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX