iPhone图像框内的HTML 5视频 [英] HTML 5 video within iPhone image frame

问题描述

我有点犹豫要问这个问题，因为它只是临界的软件开发，但是我在其他任何地方都能找到自己需要的东西却没有什么运气.

I'm somewhat hesitant to ask this question because it it is only borderline software development, but I've had zero luck finding what I need anywhere else.

我正在为一个iPhone应用程序构建一个登陆页面，并希望有一个正在使用的应用程序视频在实际iPhone设备的图像帧中播放(Apple在许多营销页面上都这样做).我不在乎视频在HTML 5之前的任何版本上播放，它可以像mp4一样简单.

I am building a landing page for an iPhone app and would like to have a video of the app in use that plays inside an image frame of an actual iPhone device (Apple does this on many of their marketing pages). I don't care about the video being played on anything pre-HTML 5, it can be as simple as an mp4.

是否有任何工具可以轻松为我生成这种功能?考虑到我经常看到这种事情，我很惊讶地发现我很难找到可以立即提供给我的东西.

Are there any tools out there that will easily generate this sort of functionality for me? Given how often I see this sort of thing, I'm surprised that I am having so much trouble finding something that just =gives it to me out of the box.

或者，我不反对自己编写某些内容，因此，如果这是唯一的选择，那么此问题的合适答案将是指向一些信息，以最佳方式将HTML 5视频通常叠加在图像上方(iPhone框架).

Alternatively, I am not opposed to coding something myself, so if that's the only option, a suitable answer to this question would be a pointer to some info on the best way to generically overlay an HTML 5 video on top of an image (the iPhone frame).

推荐答案

您可能找不到任何东西的原因可能是因为它很简单.将< video> 标签放入÷ div 标签内，设置框架的背景图像，添加一些填充，以使视频在框架内居中，然后瞧.

The reason you probably don't find anything is probably because it's so simple. Put a <video> tag inside a <div> tag, set background-image of the frame, add some padding so the video is centered within the frame, and voila.

这篇关于iPhone图像框内的HTML 5视频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！