0

このコードのトラブルシューティングをしようとしていて行き止まりに陥っているので、ここで最初の質問をしようと思いました。3 つの質問があります。

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

4 に答える 4

2

埋め込むのではなく、リンクします。通常、リンクはビデオ自体のサムネイルです。iPhone は、ムービー ファイルをサイトに直接埋め込むことをサポートしていません。

リンクをクリックすると、ユーザーの iPhone で Quicktime が開き、完了したら Web ページに戻ります。

埋め込みが機能する場合でも、リンクされた画像は覚えやすくなります。

<a href="/libraries/media/$filename.mp4"><img src="/libraries/images/$filename.jpg" width="448" height="335" /></a>
于 2009-06-06T04:39:40.567 に答える
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 に答える
0

よくある誤解にもかかわらず、パラメーターを要素に変更し、type="video/quicktime" を使用して、embed タグの代わりに 2 番目の object タグを使用できます。結果は事実上すべてのブラウザーで同じになり (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

OS 3.0 以降では、<VIDEO>タグを使用できます

于 2009-09-30T06:11:26.770 に答える