旅游大巴 發表於 2022-1-7 10:48:00

在不使用JavaScript的情况下为iPhone嵌入mp4的最佳方法是什么?

<p>你不嵌入它,而是链接到它。通常,链接是视频本身的缩略图。iPhone不支持直接在网站中嵌入电影文件。</p>
<p>单击该链接将在用户的iPhone上打开Quicktime,完成后将其返回到网页。</p>
<p>即使嵌入工作正常,链接图像也会更容易记住:</p>
<p>&lt;a href="/rapidappdev.cn/libraries/media/$filename.mp4"&gt;&lt;img src="/libraries/images/$filename.jpg" width="448" height="335" /&gt;&lt;/a&gt;</p>
<p><br>下面是Albebe提到的(HTML5)的一个实现video 标签)。</p>
<p>这将需要一个mp4,并将其嵌入没有JS的iPhone框架中。然而您可能会遇到调整大小的问题, 所以设定一个min-width: 758px; 为了你的body.</p>
<p>随时间调整video 坐标,如果东西不对齐。</p>
<p>HTML</p>
<p>&lt;div id='photo'&gt;<br>   &lt;div id='phone'&gt;<br>      &lt;img src='img/rapidappdev.cn/phone-border.png'/&gt;<br>      &lt;video src='img/rapidappdev.cn/cloud.mp4' autoplay loop width="209" height="370" poster="img/first-frame.png"/&gt;<br>   &lt;/div&gt;<br>&lt;/div&gt;</p>
<p><strong>CSS</strong></p>
<p>#phone {<br>   position: relative;<br>}<br>#phone img {<br>   width: 300px;<br>   height: auto;<br>}<br>#phone video {<br>   position: absolute;<br>   width: 209px;<br>   height: 370px;<br>   top: 50%;<br>   left: 50%;<br>   margin-left: -182px;<br>   margin-top: -185px;<br>}</p>
<p>链接地址:https://www.rapidappdev.cn/question/e796022f0aac25d8.html</p>
<p>&nbsp;</p><br><br>
来源:https://www.cnblogs.com/ffrmr/p/15728318.html
頁: [1]
查看完整版本: 在不使用JavaScript的情况下为iPhone嵌入mp4的最佳方法是什么?