经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 移动开发 » iOS » 查看文章
在不使用JavaScript的情况下为iPhone嵌入mp4的最佳方法是什么?
来源:cnblogs  作者:偶不是名人  时间:2022/1/17 11:03:27  对本文有异议

你不嵌入它,而是链接到它。通常,链接是视频本身的缩略图。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

 

原文链接:http://www.cnblogs.com/ffrmr/p/15728318.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号