İçindekiler

Important: this documentation is not applicable to your currently selected format email!

amp-youtube

You can now use this component outside valid AMP documents using the Bento version of this component. Learn more in the Bento guide.

Description

Bir YouTube videosu görüntüler.

Required Scripts

<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>

Supported Layouts

fill fixed fixed-height flex-item nodisplay responsive

Bir YouTube videosu görüntüler.

Zorunlu Komut Dosyası	`<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>`
Desteklenen Düzenler	fill, fixed, fixed-height, flex-item, nodisplay, responsive
Örnekler	amp-youtube için ek açıklamalı kod örneği

[İçindekiler]

Örnek

Duyarlı düzenle, örnekteki genişlik ve yükseklik, 16:9 en boy oranlı videolar için doğru düzenler sağlamalıdır:

<amp-youtube
    data-videoid="mGENRKrdoGY"
    layout="responsive"
    width="480" height="270"></amp-youtube>

  <amp-youtube
      id="myLiveChannel"
      data-live-channelid="UCB8Kb4pxYzsDsHxzBfnid4Q"
      width="358"
      height="204"
      layout="responsive">
    <amp-img
      src="https://i.ytimg.com/vi/Wm1fWz-7nLQ/hqdefault_live.jpg"
      placeholder
      layout="fill"
      />
  </amp-youtube>

Özellikler

autoplay	Bu özellik mevcutsa ve tarayıcı otomatik oynatmayı destekliyorsa: otomatik oynatma başlamadan önce videonun sesi otomatik olarak kapatılır video görünüm alanının dışında kaldığında video duraklatılır video görünüm alanına tekrar girdiğinde video oynatılmaya devam eder kullanıcı videoya dokunduğunda videonun sesi açılır kullanıcı videoyla etkileşime geçtiyse (ör. sesi kapatma/açma, duraklatma/devam ettirme vb.) ve video görünüm alanının dışında kaldıysa veya görünüm alanına girdiyse videonun durumu, kullanıcının bıraktığı şekilde kalır. Örneğin, kullanıcı videoyu duraklattıktan sonra videoyu görünüm alanının dışına çıkarır ve ardından, videoya geri dönerse video duraklatılmış olarak kalır.
data-videoid	YouTube video kimliği, her YouTube video sayfası URL'sinde bulunur. Örneğin, https://www.youtube.com/watch?v=Z1q71gFeRqM URL'sinde `Z1q71gFeRqM` kısmı, video kimliğidir.
data-live-channelid	Sabit bir canlı yayın url'si sağlayan YouTube kanal kimliği. Örneğin, https://www.youtube.com/embed/live_stream?channel=UCB8Kb4pxYzsDsHxzBfnid4Q URL'sinde `UCB8Kb4pxYzsDsHxzBfnid4Q` kısmı, kanal kimliğidir. Bir video yerine canlı yayın için sabit bir url yerleştirmek isterseniz `data-videoid` özelliği yerine bir `data-live-channelid` özelliği sağlayabilirsiniz. Kanallar, varsayılan yer tutucularla birlikte sağlanmaz. Video için yukarıdaki 2. örnekte olduğu gibi bir yer tutucu sağlayabilirsiniz.
data-param-*	Tüm `data-param-*` özellikleri, YouTube iframe src'ye sorgu parametresi olarak eklenir. Bu, kontrollerin gösterilip gösterilmeyeceği gibi özel değerlerin YouTube eklentilerine geçirilmesi için kullanılabilir. Anahtarlar ve değerler URI kodlu olur. Anahtarlarda büyük/küçük harf karışık kullanılır. `data-param-controls=1`, `&controls=1` olur YouTube ile ilgili daha fazla parametre seçeneği için YouTube Yerleşik Oynatıcı Parametreleri konusuna bakın.
dock	`amp-video-docking` uzantısını gerektirir. Bu özellik mevcutsa ve video manuel olarak oynatılıyorsa kullanıcı, video bileşeninin görsel alanını görünüm alanının dışına kaydırdığında video “küçültülür” ve bir köşeye veya bir öğeye sabitlenir. Daha ayrıntılı bilgi için yuvaya yerleştirme uzantısının kendisiyle ilgili dokümanlara bakın.
credentials (isteğe bağlı)	Getirme API'si tarafından belirtildiği şekliyle bir `credentials` seçeneğini tanımlar. Desteklenen değerler: `omit`, `include` Varsayılan: `include` YouTube oynatıcısının gelişmiş gizlilik modunda kullanmak istiyorsanız `omit` değerini geçirin. YouTube genellikle çerezlerini oynatıcı yüklenirken ayarlar. Gelişmiş gizlilik modunda çerezler, kullanıcı oynatıcıyı tıkladığında ayarlanır.
common attributes	Bu öğe, AMP bileşenlerine genişletilmiş ortak özellikleri içerir.

Doğrulama

AMP doğrulayıcı spesifikasyonundaki amp-youtube kurallarına bakın.

Daha fazla yardıma mı ihtiyacınız var?

Bu belgeyi defalarca okudunuz ama tüm sorularınıza tatmin edici bir yanıt bulamadınız mı? Belki başka kişiler de bu şekilde hissetmiştir: Stack Overflow'dan onlara ulaşın.

Stack Overflow'a git

Bir hata veya eksik bir özellik mi buldunuz?

AMP projesi, katılımınızı ve katkılarınızı güçlü bir şekilde teşvik ediyor! Açık kaynak topluluğumuzun devamlı bir katılımcısı olacağınızı umuyoruz ancak özel olarak ilgilendiğiniz konularla ilgili tek seferlik katkıları da memnuniyetle karşılıyoruz.

GitHub'a git

amp-youtube 1.0 0.1