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

Question

我正在尝试对此代码进行故障排除，并且陷入僵局，所以我想在这里问我的第一个问题。 我有三个问题：

1）最好在不使用Javascript的情况下为iPhone特定视图嵌入mp4的最佳方法是什么？

2）有没有在iPhone上调试代码的首选做法？

3）谁能告诉我我下面的特定代码出了什么问题？ 我应该预先提到变量$ fileName确实包含正确的信息，我只是省略了代码的这一部分。 另外，在我收到呈灰色的破碎的QuickTime图像之前，海报图像确实会短暂闪烁，这表明它在一定程度上起作用。

---

码：

<object width="448" height="335" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
    <param name="src" value="/libraries/images/$fileName.jpg" />
    <param name="href" value="/libraries/media/$fileName.mp4" />
    <param name="target" value="myself" />
    <param name="controller" value="true" />
    <param name="autoplay" value="false" />
    <param name="scale" value="aspect" />
    <embed src="/libraries/images/$fileName.jpg" href="/libraries/media/$fileName.mp4" type="video/mp4" target="myself" width="448" height="335" scale="aspect" controller="false" autoplay="false"> </embed>
</object>

Answer 1

您不嵌入它，而是链接到它。 通常，链接是视频本身的缩略图。 iPhone不支持将电影文件直接嵌入网站中。

单击链接将在用户的iPhone上打开Quicktime，然后在完成后将其返回到网页。

即使嵌入有效，链接的图像也会更容易记住：

<a href="/libraries/media/$filename.mp4"><img src="/libraries/images/$filename.jpg" width="448" height="335" /></a>

Answer 2

从OS 3.0开始，您可以使用<VIDEO>标签

Answer 3

这是AlBeebe提到的实现（HTML 5 video标记）。

这将需要一个mp4，并将其嵌入没有JS的iPhone框架中 。 但是， 您可能会遇到调整大小的问题 ，因此请设置min-width: 758px; 为了你的body 。

如果物体未对准，请用video坐标进行调整。

HTML

<div id='photo'>
   <div id='phone'>
      <img src='img/phone-border.png'/>
      <video src='img/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;
}

Answer 4

尽管有一个常见的误解，但您可以使用第二个对象标签而不是embed标签，同时将参数更改为元素并使用type =“ video / quicktime”。 在几乎所有浏览器上，结果都是相同的（尽管我被告知IE6搞砸了，但我还没有看到问题，并且该页面将得到验证。 iPhone上的结果将与桌面浏览器上的结果有所不同。 除非您明确设置海报框架，否则它将使用黑色框架。 还将在海报框架顶部放置自己的播放按钮。 （如果有人知道如何禁用其中任何一个，我很想知道如何）。这样，您就可以完成整个过程而无需任何Javascript。 如果要查看示例，这里是： http : //www.cdjunior.com/CD_JR/view.php?name=jehovahs_witnesses 。 源的相关部分是94-100行。 我不知道您是否可以使用embed标签并使之正常工作。 现在，我想起来了，我认为这可能是Apple Javascript做到的方式。