QuickTimeムービーを埋め込む

Abraham Chaffin


	[Embedding Quicktime Movies] チュートリアル : Webデザインチュートリアル QuickTimeムービーを埋め込む

をQuickTimeチュートリアル

QuickTimeムービーを埋め込む

このチュートリアルを終了するとQuickTimeムービーファイルを埋め込むの不仲学びます;のMOV, のMP4で、他のQuickTimeビデオフォーマット. さらに使用方法を学習しますAdobe Dreamweaver CS3 QuickTimeムービーを埋め込むこと. を使用するように埋め込む方法の概要, オブジェクト, およびActiveXの要素で議論され、このようにQuickTimeの動画を埋め込むに関連するチュートリアル.

アブラハムchaffin
Creativecow.net,
カンブリア, アメリカ合衆国カリフォルニア

© 2007 Creativecow.net. 版権所有.

導入

QuickTimeムービーをWebに公開する別の方法で行うことができますが、すべての問題の少ない量で、すべての最も人気のあるブラウザで動画を配信できない. 人々は、ビデオを参照できるようにする、最も基本的な方法は、ファイルへの直接リンクを提供することです. これは、ユーザのいずれかの映画をダウンロードすることができます, 彼らのコンピュータに保存するか、直接、ユーザーがブラウザで表示. この中で最も効果的なプレゼンテーションではない、最も基本的な方法です.

ムービーを表示するには良い方法は、あなたのWebページに埋め込むことです, ブログ, または他のWebサイト. QuickTimeムービーに埋め込む場合は、詳細については、次のいくつかの手順で html ページでは、最も基本的な方法で開始し、保存より複雑に移動するが、より効果的でエレガントな方法.

埋め込み要素

その html コードの下の最も基本的なコードをQuickTimeムービーを埋め込むことが必要です:

（ Dreamweaver CS3 ウィンドウの右側にあるコードを挿入する）を使用
<embed src="http://www.yourdomain.com/your-video.mov" height="256" width="320"></embed>

属性:

鉄骨鉄筋コンクリート造	埋め込みオブジェクトにロードされるURLを設定します.
高さ	埋め込みオブジェクトの高さを設定します. これは、 16ピクセルのQuickTimeムービーのコントロールによって使用されるアカウントに16ピクセルは、ソースビデオの高さは、実際よりも多くする必要があります.
幅	埋め込みオブジェクトの幅を設定します. これは、動画の実際の幅をすることができます.

注記: の高さと幅は、実際の映画のサイズよりも高いとは、ビデオの周りにスペースを追加することでムービーをゆがめるれません設定することができます.

このコードを使用して作成するDreamweaver [挿入]メニュータグ移動を選択 html タグ埋め込むを選択をクリックして挿入. あなたのQuickTimeムービーのURLを入力してください, 高さ, と幅. 追加のパラメータが含まれて:


hspace="10" vspace="10" hidden="true" autostart="true" loop="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"

属性:

Hspace	あなたの要素からは、水平方向の間隔を設定します
Vspace	あなたの要素からは、垂直方向の間隔を設定します
隠し	あなたの動画を非表示に設定するかどうか : 真/ 虚偽を
自動起動	セットに自動でムービーを再生 : 真/ 虚偽を
ループ	連続ループムービーに設定する : 真/ 虚偽を
種類	ビデオに設定/ QuickTimeのQuickTimeムービー
Pluginspage	ここでは、ユーザがプラグインをつかむことができる、ユーザーがブラウザを介してムービーを再生するには、. 使用 http://www.apple.com / quicktimeを/ダウンロード/

追加のパラメータを挿入する/属性を埋め込む要素をするには、 Dreamweaverあなたの埋め込みビデオをクリックして選択パラメータ... [プロパティ]ウィンドウから.

オブジェクトの要素

最も一般的要素がある場合は、周囲のオブジェクトを埋め込む要素ですQuickTimeムービーを埋め込む. Object要素は、画像などのオブジェクトを含むように使用されています, オーディオ, ビデオ, ジャワApple ts, クイックタイムムービー, およびFlashアニメーション. この要素は、ムービーを含め、必要なプラグインを組み込むための追加支援では、 QuickTimeムービーを再生するために必要な追加. この要素は、ブラウザの互換性が向上. このオブジェクトのパラメータの設定を埋め込む要素の多くは、これらの設定を繰り返す. 新しい埋め込む html この要素が含まれていますコードは、コードの下のようなものに見える:

（ Dreamweaver CS3 ウィンドウの右側にあるコードを挿入する）を使用


<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="256" width="320"> 



<param name="src" value="http://www.yourdomain/your-video.mov">

<param name="autoplay" value="true">

<param name="type" value="video/quicktime" height="256" width="320">

  

  <embed src="http://www.yourdomain/your-video.mov" height="256" width="320" autoplay="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed>
  



</object>

属性:

Classidを	そのオブジェクトのための実装を指定するために使用. 使用02bf25d5 - 8c17 - 4b23 - bc80 - d3488abddc6b QuickTimeムービーに
コード	さまざまなプラグインのダウンロードの場所を指定するために使用されるコントロールの. 使用 http://www.apple.com / qtactivex / qtplugin.QuickTimeムービーのタクシー

注記: 追加のパラメータとして上記の例では繰り返し繰り返しする必要があります.

このコードを使用して作成するDreamweaver [挿入]メニュータグを選択して、埋め込まれた要素を選択する html タグオブジェクトを選択をクリックして挿入.

入力 CLSIDを:02bf25d5 - 8c17 - 4b23 - bc80 - d3488abddc6b クラスIDを
入力 http://www.apple.com / qtactivex / qtplugin.タクシー このコードを
Code種類とタイプしている ビデオ/ QuickTimeの

このチュートリアルでは、他のパラメータは重要ではない.

QuickTimeをクリックしてビデオを再生する

あなたのQuickTimeムービーを設定したときのみをクリックすると再生するには最高のパフォーマンスとクロスプラットフォームとブラウザ互換性のために重要である. QuickTimeムービーをダウンロードして遊ぶときには、ユーザーがページを何度も利用者のブラウザに入るがロック, フリーズ, クラッシュ, または、ページの読み込みには非常に遅い原因. この問題は、ほとんどは、 Internet Explorerブラウザで一般的です. 周りに立派な仕事をこの修正プログラムへの完全な長さのムービーを再生するには、ユーザーが1つのフレームのプレースホルダをクリックして、映画の負荷が. このことは、彼らがそれは完全な長さの映画を見るためにクリックする必要があることをお知らせするQuickTimeムービーを作成すると、さらに1つのフレームが必要.

このいくつかの調整を行う必要があります埋め込む要素に達成するために. SRCのパラメータは、プレースホルダを1つのフレームのムービーのURLを変更する必要があります, と自動虚偽に設定する必要があります. さらにいくつかの新しいパラメータを追加する必要があります:


controller="false" href="http://www.yourdomain/your-video.mov" target="myself"

新しい埋め込む html この要素が含まれていますコードは次のように見える:


<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="256" width="320"> 



 <param name="src" value="http://www.yourdomain/clickhere.mov">

<param name="autoplay" value="false">

<param name="target" value="myself">

<param name="controller" value="false">

<param name="href" value="http://www.yourdomain/your-video.mov">

  <param name="type" value="video/quicktime" height="256" width="320">

  

  <embed src="http://www.yourdomain/clickhere.mov" height="256" width="320" autoplay="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/" controller="false" href="http://www.yourdomain/your-video.mov" target="myself"></embed>
  



</object>

属性:

コントローラ	QuickTimeのコントロールを設定するかどうかは示されています : Trueを設定する/ 虚偽を
のHREF	QuickTimeの動画のURLを埋め込むときに要素をクリックすると再生する
目標物	Href属性の先の自分にも同じ場所オブジェクト内のムービーを再生するように設定する必要があります

のActiveXを使用して埋め込むDreamweaver

Internet Explorerのブロックとオブジェクトタグを使用して埋め込まれている場合を除き、特別なJavaScriptを埋め込む. この次のステップを使用してどのように最終段階に到達する方法について説明しますDreamweaver s 'を挿入するのActiveXを埋め込む方法.

を使用している場合Dreamweaver CS3 このチュートリアルを埋め込む方法ではなく、実際に作品の背景については、各ステップではあなたの場合はQuickTimeムービーを埋め込むことだったの前の部分Dreamweaverこれを行うとした場合はすべてのステップを削除.

[挿入]メニューに移動メディアのActiveX. バイパスは、オブジェクトタグのアクセシビリティ属性をクリックして大丈夫. Dreamweaver JavaScriptを埋め込むためのコードを記述する, は、オブジェクトタグとEMBEDタグ. [プロパティ]ウィンドウでのQuickTimeムービーのパラメータをお客様のウェブページとのセットアップでは、新しい斧要素を選択.

Dreamweaver ActiveX Properties

CLSIDをする:02bf25d5 - 8c17 - 4b23 - bc80としては、 Classidををd3488abddc6b.
を埋め込む]チェックボックスをオンにし、 QuickTimeムービーファイルまたは鉄骨鉄筋コンクリート造、ここをクリックし、ムービーのURLを入力する場合は、 1つのフレームのプレースホルダを使用するように映画を決める. 注記: ドロップダウンしたときの種類のファイルからすべてのファイルを選択する必要がありますあなたのファイルを閲覧.
使用 http://www.apple.com / qtactivex / qtplugin.ベースのタクシー/コード.
ムービーの高さと幅を入力してください, コントロールの高さには、 QuickTimeに対応するために16ピクセルを追加してください.

パラメータをクリックする... ボタンをクリックするとActiveXオブジェクトのパラメータウィンドウを開きます.

この例は次のようにパラメータが必要である:

コントローラ	虚偽
のHREF	http://www.Yourdomain /ビデオ.のMOV
自動	虚偽
目標物	私自身
Bgcolor	＃ ffffffを

一度保存し、適切にインターネットには、効果的に複数のブラウザや、複数のプラットフォーム上で動作する機能が必要に埋め込まれたQuickTimeムービーファイルをアップロード.

この方法を使用しているページの例として- ここをクリックして.

楽しむ!

フォーラム • チュートリアル • マガジン • サービス • ビデオ • ニュース • ブログ

© CreativeCOW.net 全ての権利を確保されています.

クリエイティブコミュニティの世界

[頂上]

English • العربية • 中文 • Français • Deutsch • עברית • हिन्दी • Italiano • 日本語 • Português • Русский • Español