web-dev-qa-db-ja.com

.movファイルをHTMLに埋め込む方法は?

。movファイルをWebページに追加する正しい方法は何ですか?

この機能を既存のファイルに追加するだけなので、HTML5に変換できません。ファイルは同じサーバー上にあり、サイズは約1Gです。

また、クライアントは、ホームページ上にあるYouTubeやVimeoを使用したくありません。

22
Charles Marsh

上記の@haynarが提供する回答のコードの使用に問題があり(Chromeでは再生されません)、再生を保証するためのより現代的な方法の1つは video tag

例:

<video controls="controls" width="800" height="600" 
       name="Video Name" src="http://www.myserver.com/myvideo.mov"></video>

これは、SafariとChromeの両方で私の.movファイル(Keynoteから生成された)のチャンピオンのように機能し、ほとんどの最新ブラウザでサポートされているとしてリストされています(ビデオタグはInternet Explorer 9 +、Firefox、Opera、Chrome、およびSafariでサポートされています)

注:MP4を使用している場合は、IE /などで動作します(Movは公式にはサポートされていません)

37
BadPirate
<object CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="320" height="256" CODEBASE="http://www.Apple.com/qtactivex/qtplugin.cab">
    <param name="src" value="sample.mov">
    <param name="qtsrc" value="rtsp://realmedia.uic.edu/itl/ecampb5/demo_broad.mov">
    <param name="autoplay" value="true">
    <param name="loop" value="false">
    <param name="controller" value="true">
    <embed src="sample.mov" qtsrc="rtsp://realmedia.uic.edu/itl/ecampb5/demo_broad.mov" width="320" height="256" autoplay="true" loop="false" controller="true" pluginspage="http://www.Apple.com/quicktime/"></embed>
</object>

ソース は最初の 検索結果Google

6
haynar

自分で作業をしたくない場合(object要素はそれほど難しくありません)、常にMike AlsupのMediaプラグインを使用できます: http://jquery.malsup .com/media /

2
Tieson T.