Kullanıcı Kılavuzu İptal

HTML5 video ekleme

 

 

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.

Daha hızlı ve daha kolay yardım alın

Yeni kullanıcı mısınız?