2016-12-04 89 views
1

嵌入正如我们都知道,从网站上的其他问题,在iOS的移动Safari浏览器,我们有这些美味的属性webkit-playesinline和更简洁playsinline禁用视频全屏自动。禁用自动全屏iPhone上

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

理想的结果是什么,如下:

<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> 

我都试过了,白费,通过jQuery做到这一点。

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

回答

6

添加playsinline=1 paramerer到嵌入网址。酌情添加?&; ?如果唯一的参数,&与其他params连接。

例子:

<iframe 
    src="https://www.youtube.com/v/VIDEO_ID?playsinline=1"> 
</iframe> 

YouTube iFrame Player API

此参数控制影片无论是在iOS上的HTML5播放器来播放在线或全屏。有效值为: 0:此值导致全屏播放。这是目前的默认值,但默认值可能会更改。 1:此值会导致使用allowInlineMediaPlayback属性设置为TRUE创建的UIWebViews的内联回放。