WordPress sitenize 4 kolay adımda nasıl video arka plan eklenir
Başlıkta büyük bir “kahraman” görüntüsü ile web sitesine gittiğinizi hayal edin. Harika görünüyor, ha? Büyük görüntüler sitenizi şaşırtıcı gösterebilir, ancak resim orada oturup havalı görünmesinin yanı sıra ziyaretçilerinizin dikkatini çekmek için hiçbir şey yapmaz. Gerçekten dikkatlerini çekmek ve onu korumak mı istiyorsunuz? Bir video arka planı bunu yapmalıdır. Web tasarımındaki en popüler trendlerden biri, arka planda çalınan video. Tarayıcı, HTML5 veya H.264 format etiketini kullanarak arka plan videolarını oynatabilir. Bağımsız ve otomatik olarak çalışabilirler. Diğer sayfa öğeleri gibi manipüle edebilir ve kontrol edebilirsiniz. Video arka planı web sitenizin havalı görünmesini ve kalabalıktan öne çıkmasını sağlayabilir.
WordPress sitesine korkutucu olmanız gerekmediğiniz bir video arka plan ekleyin. Aşağıda ne kadar basit olduğunu görmek. Bu dört kolay adımı kullanarak, herkes WordPress web sitesine hızlı bir şekilde video arka plan ekleyebilir. Adım 1: Videonuz için kaynağınızı seçin Kendi videonuzu kullanabilir ve biçimlendirebilir ve YouTube ve Vimeo gibi kaynaklardan ilginç olan veya video stokunu kullanarak kendiniz gönderebilirsiniz. Çoğu entegre video oyuncu bu yöntemlerden birini kullanacaktır. İşte video stoğu almak için bazı iyi yerler:
Geç
ISTOCK
Getty Images’tan Istock, 21 kategoride yüksek tanımlı video ve stok içerir. Telif hakları içermez ve bireysel olarak veya aboneliğin bir parçası olarak satın alabilirsiniz. Fiyatlar 60 $ ‘dan başlıyor. Istock ile ilgileniyor musunuz? Detaylar
Engebeli
Shutterstock, 28 kategoride yaklaşık 3 milyon telifsiz video stokuna sahiptir. Bireysel veya bir paketle satın alabilirsiniz. Fiyatlar 19 $ ‘dan başlıyor. Shutterstock ile ilgileniyor musunuz?
Detaylar
2. Adım: Videonuzun doğru boyuta ve formata dönüştürülmesi
Dosya boyutlarını düşünürken, özellikle kırsal alanlarda daha yavaş bağlantıları olan birçok insan olduğunu unutmayın. Hedef kitlenizi belirlemeniz ve dosya boyutunuzu kitleye ayarlamanız gerekir. Videonuzu, hedef kitle bağlantı hızınızdan daha düşük bit hatlarına kodlayın. Bit hatlarını veya video süresini azaltarak dosya boyutunu azaltabilirsiniz. Videonuz iyi görünecek ve sorunsuz bir şekilde dönecek. Yüklenemeyen büyük bir videodan kısa olan iyi bir videoya sahip olmak daha iyidir. Adım 3: Video oynatıcınızı seçin
Video oynamak için birkaç seçenek var. Videoları sitenize elle kodlayabilir veya eklentileri kullanabilirsiniz. Duyarlı bir oyuncu istiyorsunuz ve kitleniz için en uygun oynatmayı hazırlayabilmeniz için size bir özellik veriyorsunuz. HTML5, CSS ve JS ile HTML5, CSS ve JavaScript kodlama karları hafif, duyarlıdır, herhangi bir unsur gibi düzenleyebilirsiniz ve video oynatmayı desteklemeyen tarayıcılar için (IE ve Opera gibi) tarayıcılar için alternatif görüntüler görüntülersiniz. . Yeni medya kampanyasının kod görüntülenmesi aşağıdadır. Önce JavaScript kullanımı için bir kap için işaretleme: Yükleme Anonim Çekirdek/0B4CA1EF6A5C799E5CF5
Bu iki resim içerir: 1 Videodaki ilk karenin yerine geçer ve alternatif görüntüler. Tarayıcı için bu kod komut dosyası testleri:
Yükleme Anonim Çekirdek/C809F8CC5C09EAE012D7
Video gereksinimleri karşılanırsa, video çağrılır. Değilse, alternatif görüntüler çağrılacaktır. Ayrıca pencere çözünürlüğünü ve cihazın iPad olup olmadığını test eder. İstediğiniz parametreleri test edebilirsiniz. CSS CSS kullanarak işaretleme ayarlayabilirsiniz. Bu, veya etiketinden temizlemesine izin vermek yerine kabın boyutunu ayarlamak için kullanılır. Bu şekilde, öğe yüklenmeden önce sayfa çizilir. Bu aynı zamanda yüksek ölçekli genişlik ile düzenleyecektir ve oranı oranlarını koruyacaktır.
Anonim Core/E369852F92AD4E109941 içerir
Başka bir isteğe bağlı eklenti eklentileri kullanıyor. İşte bir bakışta hile yapacak bazı eklentiler.
WordPress eklentisi arka plan görüntüleri ve video tam ekran
Bu premium eklenti, görüntü arka plan kaydırıcıları, video arka planları, multimedya galerileri ve video galerileri sağlar ve tam ekranda görüntülenir. Bu mobil cihazlarla uyumludur (otomatik dönüş olmadan). İki cilt ve iki stil ile görünür, animasyonlu bir metne sahiptir, iki geçiş, her slaytla bağlantılara izin verir ve dokuyu resmin üzerine yerleştirmenize izin verir. Bu YouTube ve Vimeo videoları oynayacak. Ayarlayabileceğiniz 40’tan fazla parametreye sahiptir. Nihai lisanslar sizin veya bir müşteri tarafından, son kullanıcıya tahsil edilmeyen son bir üründe kullanılmak üzere 17 $ ‘dır. Genişletilmiş lisans, son kullanıcıya tahsil edilebilen son bir üründe sizin veya bir müşteri tarafından kullanılmak üzere 85 $ ‘dır. WordPress eklentisi arka plan resimleri ve video tam ekran ile ilgileniyor musunuz?
Detaylar
BGD tam ekran video ve video oynatıcı. – Eklenti WPBu premium eklenti, kendiniz ve Vimeo ve YouTube tarafından yayınlanan videolar oynayacak. Tam genişlikte, sabit genişlikte ve tam ekranda görüntülenir. Dokuyu videonun üzerine yerleştirebilirsiniz. Bu hücresel (otomatik olarak kapalı olarak) ile uyumludur. Ayarlayabileceğiniz ve çok hafif olduğunuz 30’dan fazla parametreye sahiptir.
Normal lisans, son kullanıcıya tahsil edilmeyen son bir üründe sizin veya bir müşteri tarafından kullanılmak üzere 16 $ ‘dır. Genişletilmiş lisans, son kullanıcıya tahsil edilebilen son bir üründe sizin veya bir müşteri tarafından kullanılmak üzere 80 $ ‘dır. BGD tam ekran video ve video oynatıcılarla ilgileniyor. – WP eklentisi?
Detaylar Arka plan videosu için mb.ytplayer
Bu, YouTube’dan herhangi bir videoyu, web sitenizin ana sitesi veya herhangi bir sayfa veya gönderinin arka planında bir video olarak kullanacaktır. IFrame YouTube API’sını kullanır ve HTML5 video etiketlerini kullanarak videoları görüntüler. Kullanımı çok kolay. Video URL’si verirsiniz, video görüntülemek için sayfa türünü seçin, opaklık, kalite ayarlayın, reklamları silin (videonuz varsa), videonun tam olarak nerede başlatılması ve durdurulması gerektiğini söyleyin, ses ayarlayın, videoyu tekrar etmeyi seçin, videoyu tekrarlayın vb. Sayfaya yerleştirilir ve kısa bir kod kullanarak gönderilir ve mobil cihazlara yedek resimler eklemenizi sağlar. Arka plan videosu için MB.ytplayer ile ilgileniyor musunuz?
Detaylar
4. Adım: Videonuzu hazırlayın Videonun arka planını hazırlamak aslında oldukça kolaydır. Videonuz dosyanın doğru türüne ve boyutuna göre ayarlandığına ve video oynatıcınız hazırlanmış ve kullanıma hazır hale getirildiğine göre, videonuzu yükleme ve oynatıcınızı oraya yönlendirmenin zamanı geldi. Videoyu oynamak için eklentiyi URL’ye yönlendirirseniz, ayar ve hazırlık benzer olacaktır. Videonun nasıl ve nerede çalıştığı hakkında bazı kararlar vermelisiniz. Seçiminiz:
Otomatik olarak oynatın. Bu en yaygın ayardır. Her şey yüklendikten sonra video otomatik olarak oynamaya başlayacaktır.
Daire. Video dönecek ve sürekli olarak dönecek mi? Öyleyse, videoyu izleyin ve özellikle videoyu başlatmak ve durdurmak için en iyi yeri seçin. Doğal görünmeli. Döngü süreci kendine dikkat çekmemelidir.
Ses. Otomatik olarak oynatılacak bir sese sahip olmanızı önermiyorum. Kullanıcıların sesi istedikleri takdirde etkinleştirmelerine izin verin. Sesler ekstra bant genişliğine ihtiyaç duyar ve ziyaretçinizin tarayıcısına daha ağır yükler yerleştirir. Ayrıca, onu duymak istediklerini varsaymamalısınız. Resmi görüntüleyin. Tarayıcı uyumlu değilse, alternatif bir görüntü görüntüler. Bu, sitenizin hasarlı görünmemesini sağlar. Video arka plan sarma sitenizi öne çıkarabilir ve okuyucunuzun dikkatini çekebilir. Bu özelliği WordPress sitenize eklemek zor değildir. Doğru video ve doğru oyuncu ile web siteniz olağanüstüden olağanüstü değişebilir.
Video arka planı kullanıyor musunuz? Burada tartıştığım eklentilerden birini denediniz mi? Ekleyecek bir tane var mı? Aşağıdaki her şeyi duymak istiyorum!
Etiket:
medya
öğretici
Video arka planı
Hafta Sonu WordPress Projesi
WordPress
