Otomatik başlatma ve ses olmadan YouTube videosu nasıl eklenir

İçindekiler

Bu derste sana öğreteceğim web sayfanıza bir sayfa yüklenirken otomatik olarak başlayan ve sesi olmayan bir youtube videosu nasıl eklenir. Bunun için Youtbe tarafından sağlanan API'yi kullanacağız. JavaScript'te kod yazmamız gerekecek, aslında çok az, başlayalım.

Aşama 1
Devam etmemiz gereken ilk şey, yüklemek istediğimiz videonun tanımlayıcısıdır. Bunun için YouTube'a giriyoruz ve istenen videoyu arıyoruz, bunun kimliği URL'deki v = 'den gelecek, aşağıdaki resimde size bir örnek gösteriyorum:

Artık scripti sayfamıza ekleyebiliriz, aşağıda dikkat edilmesi gereken bazı detayları açıklıyorum.

Adım 2
HTML'mizde oynatıcıyı ekleyeceğimiz bir alana ihtiyacımız var, bunun için bir div kullanıyoruz, koddaki talimat şudur (id, API'den kullandığımız işlev için gereklidir):

İstediğiniz kimliği koyabilirsiniz, değiştirirseniz, 4. adımdaki kodda oynatıcıyı oluştururken de göründüğüne dikkat edin, id aracılığıyla bu div'e atıfta bulunduğundan onu da değiştirmeniz gerekecektir.

Aşama 3
YouTube API'sini sayfamıza bağlarız, bunun için aşağıdaki talimatı yazıyoruz:

 
Bunun asenkron bir yük olduğunu unutmayın.

4. Adım
Bazı komut dosyası etiketleri ekliyoruz (gövdenin sonuna), içlerinde işlevi oluşturacağız onYouTubeIframeAPIHazır (). Bu şekilde bırakmanız gereken işlevin adı. Bu fonksiyon içerisinde oynatıcının genişliğini, yüksekliğini, videonun kimliğini ve diğer bazı özellikleri yapılandıracağız.

 
[color = # a9a9a9] Youtube API ile Kod [/ color]

Bazı içgörüler

  • Video kimliği girilmelidir videokimliği.
  • Otomatik başlatma için kullanılır otomatik oynatma, 1 tek başına başlaması olacak, 0 koyarsanız başlamaz.
  • Susturmak için, olaylar alanında aşağıdaki işlev kullanılır:
 onReady: işlev (e) {e.target.mute (); }
Oynatma, ses seviyesi vb. gibi kontroller gösteriliyorsa, videonun tekrarlanma (döngü) sayısını da yapılandırabilirsiniz.

İşte tam kod:

Yukarıdaki koda sahip dosyayı açarken, oynatıcı aşağıdaki resimde görüldüğü gibi görünecektir:

BÜYÜT

Kodu istersen sana bir zip bırakıyorum:

videoYoutube.zip 533 bayt 245 İndirilenler

Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.
wave wave wave wave wave