Dijital Reklamverenlerin AMP Videosu ve Nitelikleri Hakkında Bilmesi Gereken Her Şey

Yayınlanan: 2019-05-28

Bugün milyonlarca alan, Hızlandırılmış Mobil Sayfalar çerçevesini kullanarak milyarlarca anında yüklenen sayfa yayınladı. Birkaç yıl önce başlatılan bu proje, yalnızca web sayfası yükleme sürelerinin iyileştirilmesine değil, aynı zamanda kullanıcı deneyiminin ve bunun sonucunda iş yatırım getirisinin de iyileştirilmesine başarıyla yardımcı oldu.

JavaScript'teki kısıtlamalar, popüler kodlama dillerinin hafif değişimleri ve Google'ın içerik dağıtım ağında önbelleğe alma ile sayfaların "ağırlığını" - boyut verilerinin - düşürülmesiyle başarıldı.

Bununla birlikte, projelerin en büyük eleştirisi, hız için angajman ticareti yapmasıydı. Bu bir zamanlar doğruydu - AMP öncelikle statik içerik için haber sitelerinde kullanılıyordu - artık değil. Artık AMP, video gibi ağır sayfa öğelerinin yüksek hızlı sürümleriyle tamamlanmış web sitelerinin tamamını oluşturmak için kullanılabilir. Bugün, bu AMP video bileşenlerinin, belirli kodlama terimlerinin tanımlarına, analiz yeteneklerine, düzenlere ve daha fazlasına kadar tam olarak nasıl çalıştığını ana hatlarıyla açıklıyoruz.

Öznitellikler

Her AMP video bileşeni, bir dizi özellik ile birlikte gelir. Bazıları örtüşür, bazıları bileşene özeldir ve her biri videonun davranış veya görüntülenme biçiminin bir yönünü kontrol eder.

Aşağıda, bileşenler arasında bulacağınız özelliklerin ve ne anlama geldiklerinin bir listesi bulunmaktadır. Bu liste kapsamlı değildir . Sayfanıza eklemeden önce bir bileşenin özel AMP geliştirici sayfasını iki kez kontrol etmek en iyisidir.

  • src: Bu öğe, <source> belirtilmemişse gereklidir. HTTPS'de belirtilmelidir.
  • poster: Bu, izleyici "oynat"ı tıklamadan önce görüntülenen küçük resmi belirtir. İlk kare varsayılan olarak görüntülenir. Ayrıca tıkla oynat olan bir yer paylaşımı görüntülemeyi de seçebilirsiniz.
  • otomatik oynatma: Tarayıcı otomatik oynatmayı destekliyorsa, ziyaretçinin görüşüne girer girmez videoyu otomatik oynatmak için bu özelliği kullanabilirsiniz.
  • kontroller: Bu özellik ile tarayıcı, kullanıcının video oynatıcıyı kontrol edebileceği kontroller sunacaktır.
  • kontrol Listesi: Yalnızca bazı tarayıcılar tarafından desteklenen kontroller Listesi, kullanıcıların oynatmayı ayarlamak için kullanılabilecek kontrolleri görüntülemesine olanak tanır.
  • dock: amp-video-docking uzantısıyla birleştirildiğinde, bu özellik, bir kullanıcı kendi alanının dışına çıktığında video oynatıcıyı en aza indirir ve bir köşeye sabitler.
  • döngü: Uygulanırsa, video sona ulaştığında otomatik olarak başa döner.
  • crossorigin: Video, kaynak belgeden başka bir yerde barındırılıyorsa bu öğe gereklidir.
  • disableremoteplayback: Bu öğeyle, Chromecast veya AirPlay gibi sistemler aracılığıyla uzaktan oynatmayı devre dışı bırakın.
  • noaudio: Bu özellik, bir videodaki sesi devre dışı bırakır.
  • tam ekrana döndür: Bu özellik etkinleştirilirse, kullanıcı cihazını çevirdiğinde video tam ekrana ayarlanır.

Ortak Nitelikler

Ortak özellikler, birçok AMP bileşeni için geçerli olan özelliklerdir. AMP video bileşenleri listemizde "ortak öznitelikler" için bir referans gördüğünüzde, aşağıdakilerin bunlarla birlikte kullanılabileceği anlamına gelir.

Geri çekil

Bir geri dönüş ile tarayıcı, bir öğeyi desteklemediğinde veya yükleme başarısız olduğunda görüntüleyiciyle iletişim kurar. Aşağıdaki örnekte, hata mesajı "Bu cihazda animasyonlu görüntüler oynatılamıyor" şeklindedir. Yedekleri destekleyen herhangi bir AMP öğesinde bir yedek kullanılabilir ve desteklenmeyen öğenin yerine gösterilecektir.

AMP video yedek özelliği

yükseklikler

Bir öğe duyarlı düzeni destekliyorsa, height niteliğini de destekler. Height özniteliği, medya ifadelerine göre belirlenir ve yalnızca yükseklik için geçerlidir. Yüzde değerlerine izin verilir. Aşağıdaki örnekte olduğu gibi yükseklik %80 ise, elemanın yüksekliği genişliğinin %80'i olacaktır.

AMP video yükseklikleri özelliği

Düzen

Düzen özelliği, bir öğenin nasıl davranacağını belirtir. Düzen özniteliğini, öğe için desteklenen düzen değerlerinden biriyle ekleyerek bir bileşen için bir düzen belirtebilirsiniz (bunların daha sonra ne olacağı hakkında daha fazla bilgi).

AMP video düzeni özelliği

medya

Çoğu AMP öğesi, medya özniteliğini destekler. Medyanın değeri bir medya sorgusudur. Sorgu eşleşmezse, öğe oluşturulmaz ve kaynakları ile potansiyel olarak alt kaynakları getirilmez. Tarayıcı penceresinin boyutu veya yönü değişirse, medya sorguları yeniden değerlendirilir ve öğeler yeni sonuçlara göre gizlenir ve gösterilir.

AMP video medya özelliği

Yüksüz

Yüklenirken birçok AMP öğesi, öğenin görüntülenmek üzere işlenmekte olduğunu gösteren temel bir yükleme animasyonu görüntüler. noloading özelliği, bu animasyonun gösterilip gösterilmeyeceğini kontrol eder.

AMP video yükleme özelliği yok

Yer tutucu

Yer tutucu özniteliği ile işaretlenen öğe, üst öğesi için bir yer tutucu görüntüler. Aşağıdaki örnekte, bir animasyonlu gif için yer tutucu olarak bir önizleme resmi gösterilmektedir. Bu özellik, yer tutucuları destekleyen bir AMP öğesinin alt öğesi olan herhangi bir HTML öğesinde kullanılabilir.

Yer tutucu, varsayılan olarak üst öğesinin yerinde hemen gösterilir. Kaynak sunulduğunda, yer tutucu gizlenir ve kaynak yerinde görüntülenir.

AMP video yer tutucu özelliği

Boyutlar

Bir AMP öğesi, duyarlı düzeni destekliyorsa, size özniteliğini de destekler. Bu öznitelik, geçerli kullanıcının pencere boyutuna göre ortam sorgusu tarafından tanımlanır.

AMP video boyutları özelliği

Genişlik ve yükseklik

Belirli düzenlerde, bazı AMP bileşenleri için piksel değeri içeren bir genişlik ve yükseklik özelliği belirtilmelidir.

AMP video genişliği yükseklik özelliği

Düzen

AMP geliştirici kaynaklarına göre, AMP'nin <amp-img> ve <amp-video> öğeleri, her biri öğenin farklı davranmasını sağlayan altı düzenden birine sahip olabilir:

Duyarlı

Bir öğe duyarlı hale getirildiğinde, belirli bir alanın alanına sığması için otomatik olarak yeniden boyutlandırılacaktır. Kullanılabilir alan, ana öğeye bağlıdır.

Ancak, bir öğeyi yalnızca duyarlı olarak belirtemezsiniz. Görüntülendiğinden emin olmak için, içeren öğe için bir genişlik ve yükseklik belirtmeniz gerekir.

Görüntü yok

Bu düzen ile öğeniz görüntülenmez. Ekranda hiç yer kaplamayacaktır. Herhangi bir AMP öğesine uygulanabilir ve örneğin bir pop-up'ı etkinleştirmek için üzerine gelmek gibi bir kullanıcı eyleminin öğeyi görünür hale getirebileceğini varsayar.

içsel

Bu düzende, bir öğe, doğal boyuta veya maksimum genişlik gibi bir CSS kısıtlamasına ulaşana kadar yüksekliğini genişlik ve yükseklik özelliklerine göre yeniden boyutlandırarak mevcut alanı tüketir.
Bu kullanılabilir alan, ana öğeye bağlıdır.

esnek öğe

Bu düzen ile, üst öğelerindeki öğeler, "display: flex" gibi esnek bir kapsayıcı olduğunda bu ebeveynin kalan alanını tüketecektir.

Sabit yükseklik

Sabit yükseklik olarak belirtilen öğeler, kullanılabilir alana uyacak şekilde ayarlanır, ancak yükseklikleri sabit kalır. Bu durumda, bir height niteliği mevcut olmalı ve genişlik niteliği olmamalıdır (veya varsa, sıfıra eşittir).

Sabit

Sabit bir öğenin sabit bir yüksekliği ve genişliği vardır ve yanıt verme özelliği desteklenmez. Bu düzeni etkinleştirmek için hem genişlik hem de yükseklik belirtilmelidir.

Doldurmak

Bu düzen ile bir eleman mevcut tüm yükseklik ve genişliği dolduracaktır. Ana kap, "konum:göreli" veya "konum:mutlak" belirttiği sürece, ana öğesinin yüksekliği ve genişliğiyle eşleşir.

Konteyner

Bir HTML div gibi, bu düzen bir öğenin alt öğelerinin boyutunu tanımlamasına izin verir. Bir kapsayıcı ile bileşen yalnızca bir kapsayıcı görevi görür ve belirli bir düzeni yoktur. Çocukları anında işlenir.

Analitik desteği

Her AMP video bileşeni, diğer video oynatıcıların sahip olduğu analiz yeteneğine sahip olmayabilir, ancak bu, çok özel video performans ölçümlerini izleyemeyeceğiniz anlamına gelmez. İşte izleyebileceğiniz şeyler:

  • autoplay: Videonun otomatik oynatılan bir video olarak başlayıp başlamadığını gösterir.
  • currentTime: Tetikleme anındaki geçerli oynatma süresini (saniye olarak) belirtir.
  • süre: Videonun toplam süresini (saniye olarak) belirtir.
  • yükseklik: Videonun yüksekliğini belirtir (px olarak).
  • id: Video öğesinin kimliğini belirtir.
  • playTotal: Kullanıcının videoyu izlediği toplam süreyi belirtir.
  • durum: Bir "playing_auto", "playing_manual" veya "duraklatıldı" olabilecek durumu belirtir.
  • genişlik: Videonun genişliğini (px olarak) belirtir.
  • playRangesJson: Kullanıcının videoyu izlediği zaman dilimlerini temsil eder (JSON formatında).

Bazı AMP video bileşenleri için tüm bu metrikleri tespit edebileceksiniz. Diğerleri için yalnızca kısmi analiz desteğine sahip olacaksınız. Kısmi destek, currentTime, aduration, playRangesJson ve playTotal dışındakilerin tümünün desteklendiği anlamına gelir. AMP video bileşenleri bölümünde, analiz desteği düzeylerini bulacaksınız. AMP video analizi hakkında daha fazla bilgiyi burada bulabilirsiniz.

AMP video bileşenleri

amp-video

amp-video bileşeni, HTML5 video etiketinin yerini almıştır; yalnızca doğrudan HTML5 video dosyası yerleştirmeleri için kullanılacaktır. amp-video bileşeni, çalışma zamanı tarafından belirlenen bir zamanda src özniteliği tarafından belirtilen video kaynağını tembelce yükler. Bir amp-video bileşenini, standart bir HTML5 <video> etiketiyle aynı şekilde kontrol edebilirsiniz.

Örnek

AMP video bileşenleri

Analytics desteği: tam

Komut dosyası gerekli: <script async custom-element=”amp-video” src=”https://cdn.ampproject.org/v0/amp-video-0.1.js”></script>

Kullanılabilir düzenler: dolgu, sabit, sabit yükseklik, esnek öğe, nodisplay, duyarlı

Nitelikler: kaynak, poster, otomatik oynatma, kontroller, kontrollerListesi, dock, döngü, crossorigin, disableremoteplayback, noaudio, tam ekrana döndürme, ortak özellikler

amp-3q oyuncu

amp-3q-player bileşeni, geliştiricilerin videoları 3Q SDN'den yerleştirmesine olanak tanır.

örnek

AMP medya 3q oynatıcı

Analytics desteği: kısmi

Gerekli komut dosyası : <script async custom-element=”amp-3q-player” src=”https://cdn.ampproject.org/v0/amp-3q-player-0.1.js”></script>

Kullanılabilir düzenler: dolgu, sabit, esnek öğe, duyarlı

Nitelikler: otomatik oynatma (isteğe bağlı), ortak özellikler

amp-brightcove

amp-brightcove bileşeni, Brightcove's Video Cloud veya Brightcove Player'da görüldüğü gibi bir video oynatıcı yerleştirir.

Örnek

AMP medya Brightcove

Analytics desteği: tam

Komut dosyası gerekli: <script async custom-element=”amp-brightcove” src=”https://cdn.ampproject.org/v0/amp-brightcove-0.1.js”></script>

Kullanılabilir düzenler: dolgu, sabit, sabit yükseklik, esnek öğe, nodisplay, duyarlı

Nitelikler: data-hesabı, data-player veya data-player-id, data-embed, data-video-id, data-playlist-id, data-referrer, data-param-

amp-dailymotion

amp-dailymotion bileşeni Dailymotion oynatıcıdan bir video gösterdiğinde.

Örnek

AMP medya Dailymotion

Analytics desteği: kısmi

Gerekli komut dosyası : <script async custom-element=”amp-dailymotion” src=”https://cdn.ampproject.org/v0/amp-dailymotion-0.1.js”></script>

Kullanılabilir düzenler: dolgu, sabit, sabit yükseklik, esnek öğe, duyarlı

Nitelikler: otomatik oynatma, data-videoid (gerekli), data-mute (isteğe bağlı), data-endscreen-enable (isteğe bağlı), data-sharing-enable (isteğe bağlı), data-start (isteğe bağlı), data-ui-highlight (isteğe bağlı) ), data-ui-logo (isteğe bağlı), data-info (isteğe bağlı), data-param-* (isteğe bağlı), dock, ortak özellikler

amp-facebook

amp-facebook bileşeni, bu listedeki birçok etiketten biraz daha fazla çok yönlülüğe sahiptir. Amp-facebook etiketi videoya ek olarak bir Facebook yorumunu veya gönderisini de görüntüleyebilir.

Örnek

AMP medya Facebook

Analytics desteği: kısmi

Gerekli komut dosyası : <script async custom-element=”amp-facebook” src=”https://cdn.ampproject.org/v0/amp-facebook-0.1.js”></script>

Kullanılabilir düzenler: dolgu, sabit, sabit yükseklik, esnek öğe, nodisplay, duyarlı

Nitelikler: data-href (gerekli), data-embed-as, data-align-center, data-locale (isteğe bağlı), ortak özellikler

amp-gfycat

amp-gfycat bileşeni, gfycat.com'dan bir GIF görüntüler.

Örnek

AMP medya Gfycat

Analytics desteği: kısmi

Gerekli komut dosyası : <script async custom-element=”amp-gfycat” src=”https://cdn.ampproject.org/v0/amp-gfycat-0.1.js”></script>

Kullanılabilir düzenler: dolgu, sabit, sabit yükseklik, esnek öğe, duyarlı

Nitelikler: data-gfyid, genişlik ve yükseklik, noautoplay, ortak nitelikler

amp-hulu

amp-hulu bileşeni, Hulu'dan bir video yerleştirir.

Örnek

AMP medya Hulu

Analytics desteği: kısmi

Gerekli komut dosyası : <script async custom-element=”amp-hulu” src=”https://cdn.ampproject.org/v0/amp-hulu-0.1.js”></script>

Kullanılabilir düzenler: dolgu, sabit, sabit yükseklik, esnek öğe, duyarlı

Nitelikler: data-eid, ortak nitelikler

amp-ima-video

amp-ima-video, yayın içi video reklamlar için bir video oynatıcı yerleştirir. Bileşen, veri etiketinde sağlanan ve VAST uyumlu bir reklam yanıtının URL'si olan bir reklam etiketi gerektirir (örnekler için bkz. IMA Örnek Etiketleri).

Örnek

AMP medya ima videosu

Analytics desteği: kısmi

Gerekli komut dosyası : <script async custom-element=”amp-ima-video” src=”https://cdn.ampproject.org/v0/amp-ima-video-0.1.js”></script>

Kullanılabilir düzen: sabit, duyarlı

Nitelikler: data-tag (gerekli), data-src, data-crossorigin, data-poster (isteğe bağlı), data-delay-ad-request (isteğe bağlı), data-ad-label (opsiyonel), dock, ortak özellikler

amp-izlesen

amp-izlesene bileşeni, kullanıcıların bir Izlesene videosunu gömmesine olanak tanır.

Örnek

AMP media Izlesene

Analitik Desteği: : kısmi

Komut Dosyası Gerekli: <script async custom-element=”amp-izlesene” src=”https://cdn.ampproject.org/v0/amp-izlesene-0.1.js”></script>

Kullanılabilir düzenler: dolgu, sabit, sabit yükseklik, esnek öğe, duyarlı

Nitelikler: data-videoid (gerekli), data-param-showrel

amp-kaltura-oyuncu

amp-kaltura-player bileşeni, kullanıcıların Kaltura Video Platform oynatıcısını kullanarak bir video yerleştirmesini sağlar.

Örnek

AMP medya Kaltura oynatıcı

Analitik Desteği: : kısmi

Komut Dosyası Gerekli: <script async custom-element=”amp-kaltura-player” src=”https://cdn.ampproject.org/v0/amp-kaltura-player-0.1.js”></script>

Mevcut Düzenler: dolgu, sabit, sabit yükseklik, esnek öğe, nodisplay, duyarlı

Nitelikler: data-partner, data-uiconf, data-entryid, data-param-*, ortak nitelikler.

amp-ooyala-oyuncu

amp-ooyala-player, kullanıcıların bir Ooyala videosunu gömmesine izin verir.

Örnek

AMP medya Ooyala oynatıcı

Analitik Desteği: kısmi

Komut Dosyası Gerekli: <script async custom-element=”amp-ooyala-player” src=”https://cdn.ampproject.org/v0/amp-ooyala-player-0.1.js”></script>

Mevcut Düzenler: dolgu, sabit, esnek öğe, duyarlı

Nitelikler: data-embedcode (gerekli), data-playerid (gerekli), data-pcode (gerekli), data-playerversion (isteğe bağlı), data-config (isteğe bağlı), ortak özellikler

amp-reach-player

amp-reach-player bileşeni, kullanıcıların Beachfront Reach platformunda bulunan Reach Player'ı yerleştirmesine olanak tanır.

Örnek

AMP medya Erişim oynatıcısı

Analitik Desteği: kısmi

Komut Dosyası Gerekli: <script async custom-element=”amp-reach-player” src=”https://cdn.ampproject.org/v0/amp-reach-player-0.1.js”></script>

Kullanılabilir Düzenler: dolgu, sabit, sabit yükseklik, esnek öğe, duyarlı

Nitelikler: data-embed-id, ortak nitelikler

amp-sıçrama tahtası oyuncusu

amp-springboard-player, Springboard'da kullanılan oynatıcıyı görüntüler.

Örnek

AMP medyası Sıçrama tahtası oynatıcısı

Analitik Desteği: kısmi

Komut Dosyası Gerekli: <script async custom-element=”amp-springboard-player” src=”https://cdn.ampproject.org/v0/amp-springboard-player-0.1.js”></script>

Mevcut Düzenler: dolgu, sabit, esnek öğe, duyarlı

Nitelikler: tarih-site-kimliği (gerekli), veri-modu (gerekli), veri-içerik-kimliği (gerekli), veri-oynatıcı-kimliği (gerekli), veri-alanı (gerekli), veri-öğeleri (gerekli), ortak nitelikler

amp-video-yerleştirme

Amp-video yerleştirme uzantısıyla, videolar bir sayfanın bir köşesine veya özel olarak konumlandırılmış bir öğeye küçültülebilir, ancak yalnızca video manuel olarak oynatılıyorsa. Kullanıcı video bileşeni alanından dışarı çıktığında, video simge durumuna küçültülür ve belirlenen konuma taşınır. Kullanıcı geri kaydırırsa, orijinal konumuna geri döner. Bunlara ek olarak…

  • Video, varsayılan bir köşeye veya özel bir sabit konuma yerleştirilebilir.
  • Video, kullanıcı tarafından farklı bir köşede sürüklenip yeniden konumlandırılabilir.
  • Video, sabitlenmiş konumundan çıkmak için kaydırılabilir.
  • Aynı sayfaya birden fazla video yerleştirilebilir, ancak her seferinde yalnızca bir video sabitlenir ve sabitlenir.

Varsayılan olarak, video sağ üst köşeye küçültülür. Görünüm alanının genişliğinin %30'unda, en az 180 piksel genişliğinde. Belge RTL ise video sol üst köşeye sabitlenir. Bu moddayken, kullanıcılar sabitlenmiş videoyu herhangi bir köşeye yaslamak için sürükleyebilirler.

Bu uzantı yalnızca desteklenen bir video oynatıcıyla kullanılabilir. Şu anda, desteklenen oyuncular şunlardır:

  • amp-brightcove
  • amp-dailymotion
  • amp-delight-player
  • amp-ima-video
  • amp-video
  • amp-video-iframe
  • amp-youtube

Yine, video yalnızca SADECE manuel olarak oynatılıyorsa sabitlenecektir. Bu şu anlama gelir:

  • Videonun otomatik oynatılması varsa, kullanıcı önce videoya tıklamadıkça özellik tetiklenmeyecektir.
  • Videoda otomatik oynatma yoksa, kullanıcı videoyu oynatmadıkça özellik tetiklenmeyecektir.
  • Kaydırma sırasında video duraklatılırsa sabitlenmez.

Komut Dosyası Gerekli: <script async custom-element=”amp-video-docking” src=”https://cdn.ampproject.org/v0/amp-video-docking-0.1.js”></script>

amp-video-iframe

amp-video-iframe, bir video oynatıcı içeren bir iframe görüntüler. Bu bileşen , reklam görüntülemenin birincil amacı için kullanılmamalıdır. Videoların bir kısmının reklam verdiği videoları görüntülemek amacıyla amp-video-iframe kullanmakta sorun yoktur. Ancak reklam kullanım senaryoları bunun yerine amp-ad kullanmalıdır.

Örnek

Video entegrasyonunun çalışması için çerçevenizin içinde yaşayan belgenin küçük bir kitaplık içermesi gerekir:

AMP video iframe'i

Analitik Desteği: kısmi

Komut Dosyası Gerekli: <script async custom-element=”amp-vimeo” src=”https://cdn.ampproject.org/v0/amp-vimeo-0.1.js”></script>

Mevcut Düzenler: dolgu, sabit, sabit yükseklik, esnek öğe, gerçek, nodisplay, duyarlı

Nitelikler: kaynak (gerekli), poster (gerekli), otomatik oynatma, ortak nitelikler, dock, uygulama-medya-oturum, uygulama-döndürme-tam ekrana

amp-vimeo

amp-vimeo bileşeni, kullanıcıların Vimeo'dan bir video yerleştirmesini sağlar.

Örnek

AMP medya Vimeo oynatıcı

Analitik Desteği: kısmi

Komut Dosyası Gerekli: <script async custom-element=”amp-vimeo” src=”https://cdn.ampproject.org/v0/amp-vimeo-0.1.js”></script>

Kullanılabilir Düzenler: dolgu, sabit, sabit yükseklik, esnek öğe, duyarlı

Nitelikler: otomatik oynatma, data-videoid (gerekli)

amp-viqeo-player

amp-viqeo oynatıcı, bir Viqeo video oynatıcı görüntüler.

Örnek

AMP medya Viqeo oynatıcı

Analitik Desteği: kısmi

Komut Dosyası Gerekli: <script async custom-element=”amp-viqeo-player” src=”https://cdn.ampproject.org/v0/amp-viqeo-player-0.1.js”></script>

Kullanılabilir Düzenler: dolgu, sabit, sabit yükseklik, esnek öğe, duyarlı

Nitelikler: otomatik oynatma, data-profileid, data-videoid, genişlik ve yükseklik

amp-wistia-player

amp-wistia-player bileşeni, kullanıcıların gömmesine izin verir.

Örnek

AMP medya Wistia oynatıcı

Analitik Desteği: kısmi

Komut Dosyası Gerekli: <script async custom-element=”amp-wistia-player” src=”https://cdn.ampproject.org/v0/amp-wistia-player-0.1.js”></script>

Kullanılabilir Düzenler: dolgu, sabit, sabit yükseklik, esnek öğe, duyarlı

Nitelikler: veri-medya-karma-kimliği, ortak nitelikler

amp-youtube

amp-youtube bileşeni, içerik oluşturucuların bir YouTube videosu yerleştirmesine olanak tanır.

Örnek

AMP YouTube'u

Komut Dosyası Gerekli: <script async custom-element=”amp-youtube” src=”https://cdn.ampproject.org/v0/amp-youtube-0.1.js”></script>

Nitelikler: otomatik oynatma, data-videoid, data-live-channelid, data-param-*, dock, kimlik bilgileri (isteğe bağlı), ortak özellikler.

Çözüm

AMP web sayfaları, medyanın görüntülenmesi söz konusu olduğunda artık sınırlı değildir. Nitelikler, düzenler ve analizlerle bir araya getirilen AMP video bileşenleri, içerik oluşturucuların hızdan ödün vermeden zengin görselleştirmeler göstermesini mümkün kılar. Daha hızlı mobil tıklama sonrası açılış sayfaları oluşturmaya hazır mısınız?

Instapage AMP ile bugün başlayın (ve bitirin).