Wie Audio- und Video-Dateien in Dreamweaver einfügen

Auch wenn Sie Dreamweaver verwenden können, um Video-Dateien direkt in eine Webseite einfügen, unsere beste Rat ist einer der Video-Hosting-Dienste zu nutzen, wie YouTube oder Vimeo.

Wenn Sie Medien aus dem Menü Einfügen wählen, finden Sie mehrere Video- und Audio-Optionen. Wenn Sie möchten, um Video-Dateien einfügen, die in einem der älteren und proprietären Formaten sind, wie Windows Media Video (.wmv) Oder Quicktime (.mov), Können Sie das Plugin-Option aus dem Media-Drop-Down-Liste im Menü Einfügen wählen.

Wenn Sie die neuesten Videoformate mit dem HTML5-Video-Tag verwenden möchten, können Sie Video in MP4, WebM oder Ogg Theora-Formate durch die folgenden Schritte ein:

  1. Klicken Sie auf, wo Sie die Datei in Ihrem Web-Seite angezeigt werden.

  2. Wählen Sie Einfügen-Medien-HTML5-Video.

    Sie können auch die Dropdown-Liste im Bedienfeld Einfügen klicken, wählen Sie Medien und dann auf HTML 5 Video auswählen. Ein kleines graues Kästchen ein Film-Symbol enthält, erscheint in Ihrem Design.

    bild0.jpg
  3. Klicken Sie auf die kleinen grauen Kasten ein Film-Symbol enthält.

    Die Video-Eigenschaften werden im Eigenschafteninspektor am unteren Rand des Bildschirms angezeigt.

  4. Im Feld Quelle im Eigenschafteninspektor, geben Sie die URL in Ihre Video-Datei oder das Symbol Durchsuchen auswählen und dann eine Video-Datei auf Ihrer Festplatte auswählen.

    Nachdem Sie die Datei ausgewählt haben, erscheint der Pfad und Dateiname im Fenster Quelle.

    image1.jpg
  5. (Optional) Verwenden Sie die Alt-Quelle 1 und Alt Source 2 Felder die URL eingeben oder durchsuchen und auswählen Video in zusätzliche Formate.

    Einer der Komplexität der HTML5-Video-Tag zu verwenden, ist, dass man es mit drei Videoformate verwenden können: mp4, Ogg Theora und webM. Wenn Sie Ihr Video in allen gängigen Web-Browsern zu spielen möchten, müssen Sie das Video in allen drei Formaten aufzunehmen.

    Sie sehen, dass alle drei Quellfelder werden mit Videos in jedem dieser Formate ausgefüllt. Darüber hinaus können Sie ein Flash-Video für ältere Web-Browser im Flash-Fallback-Bereich umfassen.

    Wenn Sie denken, es ist verrückt vier verschiedene Video-Dateien in vier verschiedenen Formaten zu haben einzubetten, du bist nicht allein. Diese Komplexität ist aufgrund der fehlenden Einigung zwischen Browser Unternehmen über welches Format am besten für Video.

    Ein weiterer Vorteil der Verwendung von Vimeo oder YouTube, um Ihre Videos zu hosten ist, dass Sie ein Video in nur einem Format hochladen können, und YouTube und Vimeo konvertieren sie und liefern sie in all diesen Formaten automatisch.

  6. Geben Sie die Höhe und Breite in den H und W Felder jeweils im Eigenschafteninspektor.

    Wenn Sie Audio- oder Video hinzufügen, wird Dreamweaver nicht automatisch die Höhe und Breite der Datei bestimmen, so dass Sie die Dimensionen im Eigenschafteninspektor hinzufügen müssen, nachdem Sie die Datei einfügen.

  7. Speichern Sie die Seite und klicken Sie auf die Vorschau (Globus) Symbol (am oberen Rand der Arbeitsfläche), um die Seite in einem Browser zu öffnen, um die Kompatibilität zu gewährleisten.

    Nicht alle Video-Formate werden in allen Browsern spielen. Testen Sie Ihr Video, um sicherzustellen, dass sie zumindest im Browser spielt, die Sie als Ihre primäre Ziel Targeting sind. Wenn Sie die Datei auf Automatische Wiedergabe festgelegt haben, spielt die Dateien automatisch beim Laden der Seite in den Browser. Andernfalls fügt Ihrem Browser einen einfachen Controller, so dass Sie beginnen können, Pause, Vorspulen, und das Video zurückspulen.

Menü