Anmeldung
FORENTUTORIALSMAGAZINSERVICESVIDEOSNEWSBLOGS
Hinweis: Dies ist eine automatische Übersetzung; Bitte verwenden Sie eine klare Sprache ohne slang.

Einbettung Von QuickTime-Filmen

Abraham Chaffin
Tutorials :
Einbettung Von QuickTime-Filmen
Ein QuickTime-Tutorial


Embedding Quicktime Movies

Einbettung von QuickTime-Filmen


In diesem Tutorial lernen Sie die Enden outs und der Einbettung von QuickTime-Film-Dateien; Mov, Mp4 und andere QuickTime-Video-Formate. Außerdem erfahren Sie, wie Sie Adobe Dreamweaver CS3 einbetten Ihre QuickTime-Film. Einen Überblick über die Verwendung einbetten, Objekt, Und ActiveX-Elemente werden in diesem Tutorial, wie sie beziehen sich auf die Einbettung von QuickTime Video.


Abraham ChaffinAbraham chaffin
creativecow.net,
Cambria, Kalifornien, USA

© 2007 creativecow.net. Alle Rechte vorbehalten.


Einführung


Veröffentlichung Ihrer QuickTime-Filme auf den Webseiten kann man auf unterschiedliche Art und Weise, aber nicht alle Ihre Videos mit der geringsten Anzahl von Problemen in den meisten gängigen Browsern. Der einfachste Weg, um Menschen, um zu sehen, das Video ist, um einen direkten Link zu der Datei. Dies ermöglicht es dem Benutzer, entweder den Film herunterladen, Speichern Sie sie auf ihrem Computer oder um es direkt in ihrem Browser. Dies ist die einfachste Weg ist es nicht die wirkungsvolle Präsentation.

Ein besserer Weg, um Ihren Film ist die Einbettung in Ihre Web-Seite, Blog, Oder einen anderen Web-Site. In den nächsten Schritten erfahren Sie mehr über die Einbettung in einen QuickTime-Filme html Seite beginnend mit den grundlegenden Methoden und bewegte später zu komplex, aber effektiver und elegante Methoden.



Die embed-Element


Dreamweaver Embed Der html Code unten ist die Basic-Code für die Einbettung von Ihrem QuickTime-Film:

( Dreamweaver CS3 Fenster verwendet werden, um Code auf der rechten Seite)
<embed src="http://www.yourdomain.com/your-video.mov" height="256" width="320"></embed>

Attribute:

Src Setzt die URL geladen werden kann durch die Einbettung von Objekt.
Höhe Setzt die Höhe der embed-Objekt. Dies sollte 16 Pixel mehr als die tatsächliche Höhe des Video-Quelle, um die 16 Pixel werden von der QuickTime-Film Kontrollen.
Breite Legt die Breite der embed-Objekt. Dies kann die tatsächliche Breite des Videos.
Hinweis: Die Höhe und Breite können sehr viel höher als die tatsächliche Größe Film und es wird nicht verzerren Ihrem Film hinzufügen, wenn es Raum um Ihr Video.

, um diesen Code mit Dreamweaver Gehen Sie zum Menü "Einfügen" tag wählen html Tags wählen embed Klicken Sie auf Einfügen. Geben Sie die URL Ihrer QuickTime-Film, Die Höhe, Und die Breite. Zusätzliche Parameter:

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

Attribute:

Hspace Setzt den horizontalen Abstand von Ihrem Element
Vspace Setzt den vertikalen Abstand von Ihrem Element
Versteckt Setzt, um sich zu verstecken Sie Ihre Video-oder nicht : True / False
Autostart Setzt für die automatische Wiedergabe von Film : True / False
Schleife Setzt kontinuierlich Schleife Ihren Film : True / False
Typ Dies auf video / quicktime für QuickTime-Filme
Pluginspage Wo kann der Anwender greifen Sie das Plug-in, um den Film über ihren Browser. Verwenden http://www.apple.com / quicktime / download /

An, um zusätzliche Parameter / Attribute auf Ihre embed-Element in Dreamweaver Wählen Sie ein eingebettetes Video und klicken Sie auf Parameter... Von den Eigenschaften Fenster.


Das Objekt Element


Dreamweaver ObjectAm häufigsten bei der Einbettung von QuickTime-Filmen gibt es ein Element-Objekt rund um die Einbettung von Element. Das Objekt Element wird verwendet, um Objekte wie Bilder, Audio, Videos, Java Apple ts, Quick Time Filme, Und Flash Animationen. Auch dieses Element, wenn die Einbettung des Films fügt zusätzliche Unterstützung für die erforderlichen Plug-in benötigt, um die QuickTime-Film. Dieses Element auch die Browser-Kompatibilität. Viele der Parameter in diesem Objekt wiederholen jene, die in den embed-Element. Die neue einbetten html Code, die dieses Element sieht so etwas wie den Code unten:

( Dreamweaver CS3 Fenster verwendet werden, um Code auf der rechten Seite)

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

Attribute:


ClassID Verwendet, um eine Implementierung für das Objekt. Verwendung 02bf25d5-8c17-4b23-BC80-d3488abddc6b für QuickTime-Filme
Codebase Verwendet, um den Download für verschiedene Plug-in-Kontrollen. Verwenden http://www.apple.com / qtactivex / qtplugin.Cab für QuickTime-Filme
Hinweis: Die zusätzlichen Parameter wiederholt wiederholt werden sollte, wie im obigen Beispiel.

, um diesen Code mit Dreamweaver Wählen Sie das eingebettete Element und gehen Sie dann zu dem Menü "Einfügen" tag wählen html Tags wählen Sie Objekt Klicken Sie auf Einfügen.

Eingang Clsid:02bf25d5-8c17-4b23-BC80-d3488abddc6b Für die Klassen-ID
Eingang http://www.apple.com / qtactivex / qtplugin.Cab Für die Codebasis
CodeTyp und Art Video / quicktime

Die übrigen Parameter sind nicht wichtig für dieses Tutorial.


Klicken Sie, um zu spielen Quicktime Video


Einrichten des QuickTime-Film zu spielen, wenn sie geklickt wird, ist wichtig für die beste Leistung und Cross-Plattform-und Browser-Kompatibilität. Wenn QuickTime-Filme herunterladen und spielen, wenn ein Nutzer die Seite oft der Benutzer-Browser stürzt ab, Friert ein, Abstürze, Oder es wird die Seite zu laden extrem langsam. Dieses Problem wird am häufigsten im Internet Explorer Browser. Eine gute Arbeit rund um dieses Problem zu beheben ist, laden ein Bild Platzhalter Film kann der Benutzer klicken Sie auf, um den Film in voller Länge. Dies setzt voraus, dass Sie eine zusätzliche Einzelbildschaltung QuickTime-Film, die lassen Sie sie wissen, die sie brauchen, um sie zu sehen, klicken Sie auf den Film in voller Länge.

Um dies zu erreichen, müssen einige Anpassungen vorgenommen, um die Einbettung von Element. Src die Parameter geändert werden muss, um die URL der Platzhalter einzelnen Frame-Movie -, Autoplay und muss auf False gesetzt werden. Zusätzlich ein paar neue Parameter hinzugefügt werden müssen:

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

Die neue einbetten html Code, die dieses Element etwa so aussieht:

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

Attribute:


Controller Legt fest, ob der quicktime Kontrollen sind oder nicht : Set True / False
Href Die URL der Quicktime Video zu spielen, wenn das embed-Element geklickt wird
Ziel Ziel des Href-Attribut sollte auf mich auf den Film an der gleichen Stelle Objekt



ActiveX-Einbettung mit Dreamweaver


Internet Explorer blockiert embed Tags und Objekte, es sei denn, sie eingebettet sind, mit speziellen javascript. Im nächsten Schritt wird erklärt, wie man am letzten Schritt mit Dreamweaver 's Insert ActiveX embed Methode.

Wenn Sie Dreamweaver CS3 die früheren Teile dieses Tutorials wurden Hintergrund der Einbettung und nicht wie Sie Ihre QuickTime-Film, wenn Sie haben jeden Schritt in Dreamweaver löschen Sie alles, was Sie gerade tun und hat diesen Schritt.

Gehen Sie zum Menü "Einfügen" Medien ActiveX. Bypass-Objekt-Tag Zugänglichkeit Attribute, indem Sie auf OK. Dreamweaver schreiben JavaScript-Code zum Einbinden, Das Objekt-Tag und die embed-Tag. Wählen Sie die neue AX-Element in Ihrem Web-Seite und die Setup-Parameter für Ihre QuickTime-Film in den Eigenschaften Fenster.

Dreamweaver ActiveX Properties

ActiveX ParametersIn Clsid:02bf25d5-8c17-4b23-BC80-d3488abddc6b als ClassID.
Die Einbettung und geben Sie die URL Ihrer Src QuickTime Movie-Datei oder Ihrem Film Klicken Sie hier, wenn Sie entscheiden, ob Sie ein Bild Platzhalter Film. Hinweis: Wenn Sie für Ihre Datei, die Sie benötigen, um alle Dateien wählen Sie aus den Akten der Dropdown -.
Verwenden http://www.apple.com / qtactivex / qtplugin.Kabine für die Basisstation / Codebase.
Geben Sie die Höhe und Breite des Films, Erinnern, um 16 Pixel in die Höhe, um die QuickTime-Kontrollen.

Klicken Sie auf die Parameter... Schaltfläche, um die Parameter-Fenster für das ActiveX-Objekt.

Beispiel für diese Parameter sollten wie folgt:
Controller False
Href http://www.Ihredomain / Ihr-Video.Mov
Autoplay False
Ziel Mich
Bgcolor # FFFFFF


Wenn Sie speichern, und laden Sie die Dateien ordnungsgemäß auf das Internet sollten Sie eine funktionelle eingebettete QuickTime-Film, der tatsächlich auf mehreren Browsern und mehrere Plattformen.

Für ein Beispiel einer Seite, die diese Methode -- Klicken Sie hier,.

Viel Spaß!
FOREN • TUTORIALS • MAGAZIN • SERVICES • VIDEOS • NEWS • BLOGS


© CreativeCOW.net Alle Rechte vorbehalten.

Creative Gemeinschaften der Welt

[nach oben]

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