你不嵌入它,而是鏈接到它,通常,鏈接是視頻本身的縮略圖,iPhone不支持直接在網站中嵌入電影檔案,
單擊該鏈接將在用戶的iPhone上打開Quicktime,完成后將其回傳到網頁,
即使嵌入作業正常,鏈接影像也會更容易記住:
<a href="https://www.cnblogs.com/rapidappdev.cn/libraries/media/$filename.mp4"><img src="https://img.uj5u.com/2022/01/17/296179171824321.jpg" height="335" /></a>
下面是Albebe提到的(HTML5)的一個實作video 標簽),
這將需要一個mp4,并將其嵌入沒有JS的iPhone框架中,然而您可能會遇到調整大小的問題, 所以設定一個min-width: 758px; 為了你的body.
隨時間調整video 坐標,如果東西不對齊,
HTML
<div id='photo'>
<div id='phone'>
<img src='https://img.uj5u.com/2022/01/17/296179171824322.png'/>
<video src='https://www.cnblogs.com/ffrmr/p/img/rapidappdev.cn/cloud.mp4' autoplay loop 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
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/413210.html
標籤:iOS
下一篇:iOS-Excel檔案創建
