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