WordPress’te tam ekran arka plan olarak video nasıl eklenir
İnanılmaz video, daha ilginç medya sağlıyorlar ve görüntülerden daha fazla duygu yakalıyorlar. Şu anda giderek daha fazla web yöneticisi/markası, web sitelerinde tam bir arka plan olarak video gömme yoluna doğru ilerliyor. Bununla birlikte, videoları arka plana sabitleyen karmaşıklık bazı teknik uzmanlık gerektirir. Okuyucularımız için her şeyi basit ve iyi hale getirmek için, videoları arka plana gömmek için ücretsiz bir eklenti ve ayrıca videoların basit bir yapılandırma ile arka plana nasıl sabitleneceğine dair ayrıntılı bir öğretici aracılığıyla ekleyeceğiz. Not: İçeriği tam olarak anlamak için bazı kodlama deneyimlerine ihtiyaç vardır. Kafa karıştırıcı bir şey varsa, yorumlarda soru sormaktan çekinmeyin.
Eklenti WordPress’te tam ekran arka plan olarak video eklemek için eklenti çok iyidir, birkaç tıklamayla gerekli işlevselliği sağlarlar. Kodlama kullanarak videoların arka plana nasıl sabitleneceği konusunda ayrıntılı öğreticilere devam etmeden önce birkaç eklentinin bir listesini yapacağım. 1. Mb. Video arka plan için ytplayer Arka plan entegrasyonu için popüler video eklentilerinden biri. Eklenti, sayfa öğesine özel bir oynatıcıyı entegre eder. Eklentilerle, kullanıcılar videoları sayfalara ve yayınlara kolayca entegre edebilir. Kurulum basittir ve eklenti kolay entegrasyon için kısa bir kod üretir.
Eklenti tam duyarlı düzeni desteklemez. Detayları tamamlayın ve indirin | Demo 2. Animasyonlu efektlerle kaydırıcı kahramanlar
5. Kodun çeşitli tarayıcılar ve hücresel işletim sistemlerinde çalıştığından emin olun. Çok fazla kodlama gibi görünüyor, ancak video veya WordPress sayfasının arka planına video yerleştirme işlemini otomatikleştirmek için basit bir özel eklenti kullanacağız. BGVIDEO: Eklentileri indirin ve normal kurulumlardan (diğer eklenti kurulumları gibi) devam edin. Bu basit eklenti, kısa bir kod ve eklentide bulunan “BGVIDEO” adı verilen kısa bir kodla birlikte çalışır. Kısa kod, videoyu herhangi bir sayfaya veya gönderiye sabitlemek için kapı görevi görür. Devam etmeden önce, tam işlevsellik için kısa koda birkaç parametre girmemiz gerekir. Parametreler yükseklik, genişlik, mp4, webm, ogg, otomatik oyun, döngü, sessiz ve sabittir. Her yükseklik ve genişlik, videonun yüksekliğini ve genişliğini ifade eder. MP4, WebM, OGG alanları ilgili video biçimlerinin URL’sini ifade eder. Videonun sorunsuz birçok cihazda çalışması için her formattan bir URL vermeniz gerekir. Medya Kütüphanesine Video Ekle Bir sonraki adım, medya kitaplığına video eklemeyi içerir. Medya kütüphanesine tüm formatları (WebM, OGG, MP4) eklediğinizden emin olun.
BGVideo’nun yardımıyla, video kısa kodu BGVIDEO olarak değiştirildi. Video kısa kodu aşağıdaki gibi görünüyor
[%video genişliği = “1280 ″ yükseklik =” 720 ″ mp4 = “http://www.test.dev/wp-content/uploads/2014/09/videobackground-test.mp4 ″] [/video] [%video width = “1280 ″ yükseklik =” 720 ″ webm = “http://www.test.dev/wp-content/uploads/2014/09/videobackground-test.webm”] [/video] Video kısa kod ve ankraj etiketlerinin önündeki yüzde işaretini ( %) silmeyi unutmayın. BGVIDEO’nun yardımıyla yukarıdaki kod aşağıdaki kodda değişecektir [ Bgvideo geniş = “1280” yükseklik = “720”
MP4 = “http://www.test.dev/wp-content/uploads/2014/09/rainier.mp4”
Webm = “http://www.test.dev/wp-content/uploads/2014/09/rainier.webm”
Poster = “http://www.test.dev/wp-content/uploads/2014/09/rainier-cover-1024×576.jpg”
Still = “hayır”] eklentisi, video kısa kodunu otomatik olarak bir BGVIDEO kısa koduna dönüştürür. Tüm ayarlara sahip kullanıcılar için şeffaf bir video yapın, CSS özellik sayfasında küçük bir mucize yapmanız gerekir. Bunun nedeni, sayfa içeriğinin videonun görünümünü engellediği gerçeğidir.
CSS sayfa içeriğini siler ve videonun ziyaretçileriniz için parlamasına izin verir. Her şeyin düzgün çalışması için aşağıdaki CSS kodunu girin. #hadet {arka plan: hiçbir şey; } Video arka planını tam olarak ayarlamak için başka birçok ayarlama vardır. Okuyucularımız için en iyi bahis sargısı, eksiksiz bir eklenti kullanmak ve kodlama bölümünü yok saymaktır – kodlama bölümü yalnızca kodlamayı bilmiyorsanız durumu kötüleştirir. İhtiyaçlarınızı geliştiricinize yönlendirebilirsiniz, ancak ücretsiz değildir. Bir başka harika alternatif çözüm, GIF animasyonunun arka plan olarak kullanılmasıdır. Animasyonlu GIF’lerin kullanımını destekleyen iki neden vardır. Birincisi, videoya kıyasla düşük bant genişliğinin kullanılması ve ikincisi kolay bir kurulumdur. Başka bir büyük avantaj, diğer cihazların taşınabilirliği ve uyumluluk sorunları hakkında endişelenmenize gerek kalmayabilir. Animasyon, CSS kullanılarak kolayca oluşturulabilir veya normal arka plan değişiklikleri yoluyla yüklenebilir. Video arka planının karmaşıklığı biraz daha yüksektir ve WordPress topluluğu veya çekirdek ekip bunu kaydedebilir ve yaklaşan sürümlerinde değişiklik yapabilir. Bir videonuz varsa ve bunları GIF’e dönüştürmek istiyorsanız, bunu sizin için yapabilecek çevrimiçi bir kaynak var. Ancak dönüştürülen GIF optimize edilmez ve çok fazla ağırlık taşır. Ve sabitlemek istediğiniz videoda ayarlamalar yapmanız gerektiğinde, bazı harika ücretsiz video editörleri bulabilirsiniz. Videoyu kesmeniz, kesmeniz veya büyütmeniz, metin eklemeniz veya renk temasını web sitenizin stiline uyacak şekilde ayarlamanız gerekebilir.
