Mevcut Tarayıcılarda Videoyu Görüntülemek Için HTML5 Kullanımı

codecs = "On2 VP6, Sorenson Spark, Ekran videosu, Ekran videosu 2, H.264" '>

09/10

Internet Explorer'ın Çalışmasını Almak İçin JavaScript ve Flash Player'ı Ekleme - Bölüm 2

Maalesef hala yapılmıyoruz. Şimdi, IE'ye yukarıda bahsettiğimiz FlowPlayer Flash video oynatıcısını kullanması gerektiğini söylemeliyiz.

4. Adım: Öğeyi Flash'a Dönüştürün

Bunun için başka bir senaryoya ihtiyacımız var. Dive Into HTML 5'ten komut dosyasını aldık. Ama test ettiğimizde, birkaç ayarlama yapana kadar işe yaramadı:

• Hat 31 civarında: FlowPlayer kurulumunuzun yerini ekleyin.
• 42. satırın etrafında: dosya türünü değiştir

  video / mp4

  için

  video / x-flv

• 94. satırın etrafında: başlayarak

  if (!! $ && !! $ (document) .ready) {

  Belgenin sonuna kadar okuyacağınız bölümü değiştirin:

  // if (!! $ && !! $ (document) .ready) { / * jQuery kullanıcıları DOM hazır olduğunda hemen başlatılabilir * / // $ (document) .ready (html5_video_init); //} Başka { / * Diğer herkes, onload'a kadar bekleyebilir * / / * addEvent işlevi http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / var addEvent = işlev (obj, type, fn) { eğer (obj.addEventListener) obj.addEventListener (tür, fn, false); başka eğer (obj.attachEvent) obj.attachEvent ('on' + type, function () {return fn.apply (obj, new Array (window.event)););); } addEvent (pencere, "load", html5_video_init); //}

JavaScript dosyasını düzenledikten sonra, sunucunuza yükleyin ve HTML sayfanızın alt kısmına ( önce) bağlantı verin:

Whew! Şimdi tüm bunları yaptın, test etmeye başlayabilmen için HTML'ini yüklemelisin.

10/10

Yapabildiğiniz Gibi Birçok Tarayıcıyı Test Edin

Başarılı bir lansmana sahip olmak istiyorsanız video sayfalarını test etmek çok önemlidir. Sayfanızı web siteniz için en popüler tarayıcılarda ve sürümlerde test ettiğinizden emin olmalısınız.

Videoyu test etmek için BrowserLab ve AnyBrowser gibi araçların kullanılması mümkün olsa da, sayfayı bir tarayıcıda kendinizinki kadar yükseltmek kadar güvenilir değil. Bunu yaptığınızda, çalışıp çalışmadığını gerçekten görebilirsiniz.

Videonuzu üç formatta kodlamak için tüm sıkıntıya gittiğinize göre, her üçünde de görüntülendiğinden emin olmak için test etmeniz gerekir. Bu, en azından şu şekilde test etmeniz gerektiği anlamına gelir:

• Firefox 3.5
• Safari 3 veya 4
• Internet Explorer 7 veya 8

Chrome'da test edebilirsiniz, ancak Chrome üç yöntemi de (eklentiye sahipseniz Flash'ı bile) görüntüleyeceğinden, diğer ikisinden biri veya Chrome'un hangi kodek kullandığıyla ilgili bir sorun olup olmadığını söylemek zordur.

Huzurunuz için, özellikle de okuyucunuzun birçoğu eski tarayıcıları kullanıyorsa, eski tarayıcılarda ne yaptıklarını görmek için test etmelisiniz.

Videoyu Eski Tarayıcılarda Çalıştırma

Herhangi bir Web sayfasında olduğu gibi, önce bu tarayıcıların çalışmasının ne kadar önemli olduğunu düşünmelisiniz. Müşterilerinizin% 90'ı Netscape kullanıyorsa, onlar için bir geri ödeme planınız olmalıdır. Fakat eğer% 1'den daha az olursa, o kadar önemli olmayabilir.

Hangi tarayıcıların desteklemeye çalışacağına karar verdikten sonra, en kolay yol, videoyu görüntüleyebilmeleri için alternatif bir sayfa oluşturmaktır. Bu alternatif sayfada, HTML 4 kullanarak bir video gömebilirsiniz. ya onları yönlendirmek için bir tür tarayıcı algılaması kullanın ya da sadece bu sayfaya bir link ekleyin.

Alike posts

JavaScript Kullanarak Birçok Belgedeki HTML Nasıl Eklenir?

Web Tasarımı ve Dev

Çek, Slovakça ve Slovence Dil Karakterleri için HTML Kodları

Web Tasarımı ve Dev

IPad için Neden Bu 5 HTML Editörüne İhtiyacınız Var?

Web Tasarımı ve Dev

CoffeeCup Ücretsiz HTML Editör Profili

Web Tasarımı ve Dev

Bir HTML Öğesiyle Bir HTML Öğesi Nedir?

Web Tasarımı ve Dev

HTML Kaydırma Kutusu

Web Tasarımı ve Dev

HTML Alt Öznitelik Görüntü Etiketlerini Öğrenin

Web Tasarımı ve Dev

Facebook Notları Artık Daha Uzun HTML Desteği Yok, Yine de Seçenekleri Var

Web Tasarımı ve Dev

HTML 5 Referansı - Alfabetik Olarak HTML 5 Etiketi

Web Tasarımı ve Dev

See Newest

Mozilla Thunderbird'deki Yeni E-postalar için Bildirimleri Ayarlamayı Öğrenin

E-posta ve Mesajlaşma

Mac OS X Mail'de Hızlı Bir Gruba İleti Gönderme

Mac'ler

Daha İyi Arama Nasıl Yapılır: Kaçmak için Üç Hata

İnternette arama

Kendi Podcast Nasıl Yapılır - Adım Adım Eğitimi

İnternette arama

Kablosuz Ev Otomasyonuna Giriş

Yeni ve Sonraki

2015'in En İyi On Xbox One Oyunları

Kumar

Sapid posts

Sony PSP için "Hız Gizli İhtiyacı" Hileleri

Kumar

FCP 7 Eğitimi - Temel Ses Düzenleme Birinci Bölüm

Yazılım ve Uygulamalar

Siri'ye Sorulacak Komik Şeyler

IPad

Top 10 Xbox 360 Yerel Çok Oyunculu Oyunlar

Kumar

Bilgisayar Ağları Nasıl Çalışır - Protokoller

İnternet ağı

192.168.1.1 Parola Nasıl Bulunur

İnternet ağı

Widget'lara Nasıl Başlanır?

İnternette arama

Gmail'de Yazım Denetimi Nasıl Yapılır?

E-posta ve Mesajlaşma

Apple TV'de Podcast'lerin Keyfini Öğrenmeniz Gereken Her Şey

Ev tiyatrosu

"Sims" Bebekler

Kumar

Android için 5 Ücretsiz Kamera Uygulamaları

Yazılım ve Uygulamalar

Bir Gmail Hatası Nasıl Raporlanır?

E-posta ve Mesajlaşma

Wii U'da Olması Gereken 12 Oyun

Kumar

Outlook Otomatik Tamamlama Listesinden Bir Adres Nasıl Silinir

E-posta ve Mesajlaşma

Google Takvim Kilidi Simgesi ne anlama geliyor?

E-posta ve Mesajlaşma

IPhone için Google Haritalar'ın Gözden Geçirilmesi

Yeni ve Sonraki