İpucu: Filmleri sunucunuzda barındırmak, bant genişliği maliyetleri nedeniyle pahalı olabilir. Video dosyalarını barındırma konusunda endişelenmek istemiyorsanız ve büyük bir izleyici kitlesinin dikkatini çekmek istiyorsanız, videoyu YouTube'da barındırmak ve bağlantıyı sitenize yerleştirmek harika bir fikirdir.
Not: Aşağıdaki önerilerin tümü tarayıcıların tümü için işe yaramayacaktır. Kullanmaya karar verdiğiniz çözümün, desteklemek istediğiniz tarayıcılarla çalıştığından emin olun.
Aşağıdaki örnekler video dosyasını tarayıcı penceresinden görülebilir hale getirmek için farklı yöntemler sunar. Ayrıca, film tarayıcıda oynatılmıyorsa ziyaretçilerin dosyayı indirmelerini sağlayan doğrudan bir indirme bağlantısı oluşturmanızı da öneririz. Aşağıda, bu belgedeki iki video dosyası için doğrudan bağlantılara iki örnek verilmiştir.
Disket sürücü robotu
HTML Kodu
Disket sürücü robotu
IBM Linux ticari
HTML Kodu
IBM Linux ticari
Bir YouTube videosu gömün
Videoların YouTube'da yayınlanması harikadır çünkü bant genişliği maliyetlerinde tasarruf sağlar, birçok izleyiciyi destekleyebilir ve videolarınızı İnternet'teki en popüler sayfanın ziyaretçilerine tanıtabilir. Aşağıda, YouTube'da barındırılan ve bu siteye gömülü bir video örneği verilmiştir.
HTML Kodu
Tüm YouTube videolarının HTML kodu, her YouTube videosunda bulunan paylaşım bağlantısından bulunur. Paylaş bağlantısını tıkladığınızda, Yerleştir bağlantısını tıklayın. Aşağıda, yukarıdaki YouTube videosunu görüntülemek için kullanılan kodun bir örneği verilmiştir.
Video etiketi
Etiket, tüm modern tarayıcılarda videoları görüntülemek için tasarlanmış bir HTML etiketidir. Etiket MP4, Ogg ve WebM video formatlarını destekler ve tek bir HTML etiketi ile uygulanabilir.
HTML Kodu
Tarayıcınız desteklemiyor
Temel gömme etiketi
Aşağıda bir dosyayı web sayfasına yerleştirmenin en temel yöntemi kodudur.
Örnek HTML kodu
Bu örnekte, oynatmak istediğiniz film dosyasının kaynağına işaret etmek için embed öğesini kullanıyorsunuz. Unutmayın, bu çok temel bir örnektir ve video dosyası desteklenmiyorsa kullanıcıyı herhangi bir uyarı göstermeyecek veya kullanıcıyı bir eklentiyi indireceği bir yere yönlendirmeyecektir.
İmg etiketini kullanarak film dosyası ekleyin
Etiketi kullanmak istemiyorsanız, telefonu kullanarak da bir film dosyası ekleyebilirsiniz. Aşağıdaki örnekte gösterildiği gibi etiketi kullanın.
Örnek HTML kodu
QuickTime filmlerini oynatmak için etiketi gömün (.MOV)
Apple QuickTime film dosyaları, İnternet'teki bir başka popüler film türüdür. Aşağıda, bu dosyaları web sayfanıza nasıl dahil edeceğinize dair temel bir örnek verilmiştir.
Not: QuickTime artık Microsoft Windows'ta desteklenmemektedir ve tüm yeni tarayıcılar artık QuickTime filmlerini gömme yöntemini desteklememektedir.
Örnek HTML kodu
Yukarıdaki gömülü örnekte, kodun ilk kısmı, film dosyasının kendisi olan film dosyasının src (kaynak) ını gösterir. Ardından, ziyaretçi sayfası yüklenmemişse, eklenti sayfası eklentinin yeridir . Genişlik ve yükseklik video dosyasının gerçek boyutlarıdır. Denetleyici değeri, alt denetimlerin görüntülenmesini değiştirmek için doğru veya yanlış olarak ayarlanabilir.
İpucu: Denetleyiciyi göremiyorsanız, video dosyasının yüksekliğini artırmak isteyebilirsiniz.
Döngü, bittiğinde dosyanın otomatik olarak başlamasını istediğiniz bir ayardır. Son olarak, autoplay, tarayıcıya sayfa yüklendikten sonra video dosyasını oynatmaya başlamasını ya da başlatmamasını söyler.
Eklentiyi belirtmek için embed etiketinin niteliğini yazın
Embed etiketinde, video dosyası için MIME türünü belirten type niteliğini ekleyin. Bunu yapmak, videoyu bir tarayıcıda oynatmak için gereken eklentiyi belirlemenizi sağlar.
Örnek HTML kodu
Yukarıdaki örnekte, type özelliği AVI video dosyalarının MIME türü olan video / x-msvideo olarak ayarlanmıştır.
Diğer video dosyası türleri için type özniteliğine atanacak değeri belirlemek için, IANA Ortam Türleri sayfasındaki video dosyaları için MIME türleri listesini kontrol edin.