Question

我一直在尝试寻找一种在移动野生动物园中播放视频的方法。我知道这是可能的并且已经实现（见链接） -

http://www.raptmedia.com/project/philips-designed-play-drives-mobile-video-engagement

但是，我无法确定如何完成此操作。我试过操纵iframe，但这似乎没有任何影响。

我已经包含了一个用于跨浏览器兼容性的js播放器，并在iframe中使用它，在移动设备上没有运气：

<div class="vid"> <video id="vid01" class="video-js vjs-default-skin" controls="controls" preload="none" width="600px" height="600px"> 
<source src="video.mp4" type='video/mp4'/> <source src="video.webm" type='video/webm'/> 
<source src="video.ogg" type='video/ogg'/> <track kind="captions" srclang="en" label="English" /> 
</video> <script> var myPlayer = _V_("vid01"); ` </script>` </div>

Answer 1

我知道这是一个老问题，但它在我的谷歌搜索中排名很高，我至少可以回答上面提出的问题，所以我会添加它以防其他人遇到它：为什么它可以解决这个问题特别的页面？

我看着它，它并没有真正播放内联视频。在我的iPhone上，它预装了大量的JPG帧，然后像电影一样“播放”它们，同时在它后面播放mp3音轨。所以他们基本上只是假装它。仍然无法在手机上播放视频。

Answer 2

我所知道的唯一解决方案是基于drawImage标记的canvas函数...我在SO上发现了基础知识here，但读者还有一些乐趣：D ，简而言之，您隐藏和播放视频并在正确的频率上将当前帧渲染到画布中，音频同步需要注意。它的效果比预期的要好。 Here是一个基本示例，here是另一个我尝试应用基于webkit的过滤器的示例。

希望它有所帮助，玩得开心！

Answer 3

您可以使用此库之类的内容：https://github.com/bfred-it/iphone-inline-video

它基本上使用音频标签通过搜索当前时间来驱动视频，因此您可以更新帧而无需播放视频。

好消息是iOS 10将支持这一点，因此不再需要黑客攻击：https://developer.apple.com/library/prerelease/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_0.html#//apple_ref/doc/uid/TP40014305-CH11-DontLinkElementID_12

移动Safari中的内嵌视频？

3 个答案: