[iOS开发]
在不使用JavaScript的情况下为iPhone嵌入mp4的最佳方法是什么?
移动开发
发布于:2022-01-07 10:50
|
阅读数:246
|
评论:0
|
你不嵌入它,而是链接到它。通常,链接是视频本身的缩略图。iPhone不支持直接在网站中嵌入电影文件。
单击该链接将在用户的iPhone上打开Quicktime,完成后将其返回到网页。
即使嵌入工作正常,链接图像也会更容易记住:
<a href="/rapidappdev.cn/libraries/media/$filename.mp4"><img src="/libraries/images/$filename.jpg" width="448" height="335" /></a>
下面是Albebe提到的(HTML5)的一个实现video 标签)。
这将需要一个mp4,并将其嵌入没有JS的iPhone框架中。然而您可能会遇到调整大小的问题, 所以设定一个min-width: 758px; 为了你的body.
随时间调整video 坐标,如果东西不对齐。
HTML
<div id='photo'>
<div id='phone'>
<img src='img/rapidappdev.cn/phone-border.png'/>
<video src='img/rapidappdev.cn/cloud.mp4' autoplay loop width="209" height="370" poster="img/first-frame.png"/>
</div>
</div>
CSS
#phone {
position: relative;
}
#phone img {
width: 300px;
height: auto;
}
#phone video {
position: absolute;
width: 209px;
height: 370px;
top: 50%;
left: 50%;
margin-left: -182px;
margin-top: -185px;
}
链接地址:https://www.rapidappdev.cn/question/e796022f0aac25d8.html
|
免责声明:
1. 本站所有资源来自网络搜集或用户上传,仅作为参考不担保其准确性!
2. 本站内容仅供学习和交流使用,版权归原作者所有!© 查看更多
3. 如有内容侵害到您,请联系我们尽快删除,邮箱:kf@codeae.com
|
|
|
|
|