在iPhone上禁用YouTube嵌入的自动全屏

Dav*_*ton 8 youtube webkit mobile-safari html5-video ios

正如我们将从网站上的其他问题了解到,在iOS Mobile Safari中,我们拥有这些美味属性webkit-playesinline,并且更加简洁,playsinline可以禁用自动全屏视频.

尽管奇迹,我仍然无法弄清楚如何将其添加到YouTube html5嵌入.正如预期的那样,YouTube <video>包含在内<iframe>.

理想的结果如下:

<video 
    tabindex="-1" 
    class="video-stream html5-main-video" 
    style="width: 736px; height: 414px; left: 85px; top: 0px;" 
    src="blob:https://www.youtube.com/6889sdad6d2-ec51-49ca-b357-a5bd9c3ede71" 
    webkit-playsinline="true" 
    playsinline="true">
</video>
Run Code Online (Sandbox Code Playgroud)

我试图通过jquery做到这一点,徒劳无功.

有任何想法或想法如何做到这一点?

Dav*_*ton 15

playsinline=1paramerer 添加到embed url.酌情增加?&之前; ?如果唯一的参数,&与其他参数连接.

例:

<iframe
  src="https://www.youtube.com/v/VIDEO_ID?playsinline=1">
</iframe>
Run Code Online (Sandbox Code Playgroud)

来自YouTube iFrame播放器API:

此参数控制视频是否在iOS上的HTML5播放器中内嵌或全屏播放.有效值为:0:此值导致全屏播放.这是当前的默认值,但默认值可能会发生变化.1:此值导致使用allowInlineMediaPlayback属性设置为TRUE创建的UIWebView的内联回放.

  • 如果你正在使用javascript加载样式,那就像`playerVars:{'controls':0,'playsinline':1},` (3认同)