我想在我的移动网络应用中添加一些视频。对于最好的用户体验,我想避免使用简单的静态视频标签。 (因为它在一个webkit动画的元素中,视频+ webkit动画并不总能在我的经验中很好地融合在一起。)
相反,我想要一个图像(上面有一个播放图标)来“链接”到视频。 Mobile YouTube(如在iOS上看到的)非常好地完成了这一点,当您点击图像时,视频似乎“弹出”到全屏并播放。他们如何做到这一点?它是一个链接?以前隐藏的视频标签?有些webkit动画要做“弹出”吗?
我使用Chrome Inspector(+用户代理切换器到iphone4)窥探,但视频无法在桌面浏览器上播放,整体代码看起来相当复杂。
你能帮忙吗?
答案 0 :(得分:0)
我相信您可以在某些浏览器(例如WebKit)上执行与this类似的操作。
答案 1 :(得分:0)
您可以点击视频缩略图,您可以使用object / embed标记加载视频网址。在IOS中,每当视频开始播放时,它会自动以全屏播放(IOS本身的功能)