Web sayfalarınıza HTML5 videoları eklemeyi ve videoları bir tarayıcıda önizlemeyi öğrenin.

Dreamweaver, HTML5 videoyu web sayfalarına eklemenize olanak tanır.

HTML5 video öğesi, filmlerin ve videoların web sayfalarına yüklenmesi konusunda standart bir yöntem sağlar.

HTML video öğesi ile ilgili daha fazla bilgi için W3schools.com adresindeki HTML5 Video ile ilgili makaleye bakın.

HTML5 video ekleme

  1. İmlecinizin videoyu eklemek istediğiniz konumda olduğundan emin olun.

  2. Ekle > HTML > HTML5 Video seçeneğini belirleyin. HTML5 video öğesi, belirtilen konuma eklenir.

  3. Özellikler panelinde, çeşitli seçenekler için değerler belirtin.

    Kaynak / Alternatif Kaynak 1 / Alternatif Kaynak 2: Kaynak alanına video dosyasının konumunu girin. Alternatif olarak, yerel dosya sisteminden bir video dosyası seçmek için klasör simgesini tıklatın. Video için destek farklı tarayıcılara göre değişiklik gösterir. Kaynak içindeki video formatı bir tarayıcıda desteklenmiyorsa , Alternatif Kaynak 1 veya Alternatif Kaynak 2'de belirtilen video formatı kullanılır. Tarayıcı, videoyu göstermek için ilk olarak algılanan formatı seçer.

    HTML5 video özelliklerini belirleme
    HTML5 video özelliklerini belirleme

    Not:

    Üç alana hızlı bir şekilde video eklemek için çoklu seçimi kullanın. Bir klasörden aynı video için üç video formatı seçtiğinizde, listedeki ilk format Kaynak için kullanılır. Listede bulunan aşağıdaki formatlar Alternatif Kaynak 1 ve Alternatif Kaynak 2 alanının otomatik olarak doldurulması için kullanılır.

    Tarayıcı ve desteklenen video formatı hakkında daha fazla bilgi için aşağıdaki tabloya bakın. En yeni bilgiler için bkz. HTML5 - Tarayıcı Desteği.

    Tarayıcı MP4 WebM Ogg
    Internet Explorer 9 EVET HAYIR HAYIR
    Firefox 4.0 HAYIR EVET EVET
    Google Chrome 6 EVET EVET EVET
    Apple Safari 5 EVET HAYIR HAYIR
    Opera 10.6 HAYIR EVET EVET
    • Başlık: Video için bir başlık belirtin.
    • Genişlik (G): Videonun genişliğini piksel cinsinden girin.
    • Yükseklik (Y): Videonun yüksekliğini piksel cinsinden girin.
    • Denetimler: HTML sayfasında Oynat, Duraklat ve Sessiz gibi video denetimlerini göstermek istiyorsanız seçin.
    • Otomatik Oynat: Videonun, web  sayfasına yüklendiği an oynatılmaya başlamasını istiyorsanız seçin.
    • Poster: Video, indirme işlemini tamamlayana kadar veya kullanıcı Oynat'ı tıklatana kadar gösterilmesini istediğiniz görüntünün konumunu girin. Genişlik ve Yükseklik değerleri, görüntüyü eklediğinizde otomatik olarak doldurulur.
    • Döngü: Videonun kullanıcı, filmi oynatmayı durdurana kadar sürekli olarak oynatılmasını istiyorsanız bu seçeneği belirleyin.
    • Sessiz: Videonun ses kısmını kapatmak istiyorsanız bu seçeneği belirleyin.
    • Flash Video: HTML5 videoyu desteklemeyen tarayıcılar için bir SWF dosyası seçin.
    • Geri dönüş metni: Tarayıcı  HTML5'i desteklemiyorsa gösterilecek metni girin.
    • Önyükleme: Sayfa yüklendiğinde videonun nasıl yüklenmesi gerektiğine ilişkin yazar tercihlerini belirtir. Otomatik seçeneği belirlendiğinde, sayfa indirme işleminde videonun tamamı yüklenir. Meta Veriler seçeneği belirlendiğinde yalnızca sayfa indirme işlemi tamamlandıktan sonraki meta veriler indirilir.

Videoyu tarayıcıda önizleme

  1. Web sayfasını kaydedin.

  2. Dosya > Gerçek Zamanlı Önizleme seçeneğini belirleyin. Videoyu önizlemek istediğiniz tarayıcıyı seçin.

Bu çalışma Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License kapsamında lisanslanmıştır  Creative Commons şartları, Twitter™ ve Facebook sitelerinde paylaşılanları kapsamaz.

Yasal Uyarılar   |   Çevrimiçi Gizlilik İlkesi