2013-02-26 2 views
2

Я несколько нерешительно задаю этот вопрос, потому что это только пограничная разработка программного обеспечения, но мне не удалось найти то, что мне нужно в другом месте.HTML 5 видео в рамке с изображением iPhone

Я создаю целевую страницу для приложения для iPhone и хотел бы иметь видео используемого приложения, которое воспроизводится внутри рамки изображения реального устройства iPhone (Apple делает это на многих своих маркетинговых страницах). Меня не волнует видео, которое воспроизводится на любом пред-HTML 5, это может быть так же просто, как mp4.

Есть ли какие-либо инструменты, которые легко сгенерируют такую ​​функциональность для меня? Учитывая, как часто я вижу подобное, я удивлен, что у меня так много проблем с поиском чего-то, что просто = дает мне это из коробки.

В качестве альтернативы я не против того, чтобы что-то кодировать сам, поэтому, если это единственный вариант, подходящий ответ на этот вопрос будет указателем на некоторую информацию о наилучшем способе общего наложения видео HTML 5 поверх изображение (фрейм iPhone).

+0

Точно так же вы можете накладывать что-либо на что-либо еще в HTML, используя CSS. Существует множество способов размещения веб-страниц, но тот факт, что вы имеете дело с изображением iPhone и видео с вашего сайта, не меняет фундаментальной природы задачи. – Barney

ответ

2

Причина, по которой вы, вероятно, не найдете ничего, вероятно, потому что это так просто. Поместите тег <video> внутри тега <div>, установите фоновое изображение кадра, добавьте немного отступов, чтобы видео было сосредоточено внутри рамки и вуаля.

Смежные вопросы