我正在创建一个移动网站,并希望展示一个小的(88px x 50px)YouTube缩略图,点击该缩略图后,全屏播放视频并将其返回到网页。它应该适用于iOS和Android。
我的第一种方法是使用<a href="http://youtube.com/watch?v=oHg5SJYRHA0>...</a>
。但是,在iOS上,用户被重定向到YouTube应用,他们必须手动导航回Safari。
接下来,我尝试使用
嵌入一个小型iframe播放器<iframe id="ytplayer" type="text/html" src="http://www.youtube.com/embed/T0WepLbWyq0?autoplay=1&controls=0&modestbranding=1&showinfo=0&rel=0" frameborder="0" allowfullscreen width=88 height=50></iframe>
使用&#34;完成&#34;正确弹出全屏视频iOS上的按钮,将用户带回Safari页面。但是,生成的缩略图由large, red "Play" button支配。
有没有办法隐藏嵌入视频上的红色“播放”按钮?
或者是否有另一种方法可以在网页上嵌入一个小的YouTube缩略图,以便用户在观看完成后返回页面?
目前,我正在考虑a)尝试隐藏丑陋的红色“播放”按钮,其中的叠加层允许点击次数通过,或者b)尝试直接链接到YouTube视频文件,因为直接链接到视频文件允许用户在完成后返回浏览器。 然而,这些黑客似乎复杂而脆弱。还有更好的方法吗?
谢谢!