0

我正在尝试对这段代码进行故障排除并且遇到了死胡同,所以我想我会在这里问我的第一个问题。我有三个问题:

1) 为 iPhone 特定视图嵌入 mp4 的最佳方法是什么,最好不使用 Javascript?

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>
4

4 回答 4

2

你不嵌入它,你链接到它。通常,链接是视频本身的缩略图。iPhone 不支持直接在站点中嵌入电影文件。

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

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

<a href="/libraries/media/$filename.mp4"><img src="/libraries/images/$filename.jpg" width="448" height="335" /></a>
于 2009-06-06T04:39:40.567 回答
0

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

于 2009-09-30T06:11:26.770 回答
0

尽管有一个常见的误解,您可以使用第二个对象标签而不是嵌入标签,同时将参数更改为元素并使用 type="video/quicktime"。结果在几乎所有浏览器上都是相同的(我还没有看到问题,尽管有人告诉我 IE6 搞砸了),并且页面将验证。iPhone 上的结果与桌面浏览器上的结果略有不同。除非您明确设置海报框架,否则它将使用黑色框架。它还将自己的播放按钮放在海报框架的顶部。(如果有人知道如何禁用其中任何一个,我很想知道如何)通过这样做,您可以在没有任何 Javascript 的情况下完成整个事情。如果你想看一个例子,这里是:http ://www.cdjunior.com/CD_JR/view.php?name=jehovahs_witnesses. 源代码的相关部分是第 94-100 行。我不知道您是否可以使用嵌入标签并使其工作。现在我想起来了,我想这可能就是 Apple Javascript 的做法。

于 2010-05-27T17:45:24.990 回答
0

这是 AlBeebe 提到的(HTML 5video标记)的实现。

这将需要一个 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;
}
于 2014-05-29T19:12:49.603 回答