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