9 Temmuz 2013, Salı

5. Html5 Özel Video Oynatıcı Javascript Tam Ekran Öğretici Denetler.

Ne bayanlar kalmış Bu derste html beş video kontrolleri özelleştirme beş park hoş geldiniz Biz tam ekran durumlu düğme programlama odaklanmak gerekir Bizim özel video oynatıcı kullanarak javascript içine Ben video sayısı ile bıraktığı aynı kod ile başlamak için gidiyorum dört onlar bizim html melinda içine gittiğinizde sadece görkemli bu yüzden yeni bir düğme ekleyin Bizim tam ekran düğmesi olarak hizmet vermeye gidiyor böylece düğmeye innerHTML içinde hangi daha sonra bu değiştiremezsiniz şimdi parantez koymak oldu gerekirdi Bazı grafikler için dışarı ama şimdi sadece programlanmış almak ve sa

dece kendi yeni görünümüyle parantez istiyorum gibi tür bir ekran kutusu ya da her türlü gibi ve ben çığlık düğmesine düşmeye i_d_ değiştireceğiz tam ekran bt m ama ben bu kadar fikir gibi İlk kontrol cd javascript vardır

o bilginin açmak kopya şimdi burada üst bizim tüm değişkenler başlatırken nerede nerede diyelim go ahead ve bir daha o vardı tam ekran düğmesi Şimdi initialize çalar fonksiyonu içine gidelim ve emin olun biz

“Ders Kodu: http://www.developphp.com/video/JavaScript/Video-Full-Screen-Toggle-Custom-Player-Controls-Tutorial Bölüm 5 özel video kontrolleri çubuğu için özel bir...”
Adam Khoury

nesne eklendi Bunun için başvuru bu yüzden bu kopya var Orada ve orada koymak Şimdi o da eklendi oluyor click olayı dinleyicisi yüzden biz sağ ses kaydırıcı altına koymak için play butonuna kodunu ödünç Bu tam ekran butonu yani tam ekran düğmesi nokta olacak biz dinlemek istediğiniz olay addEventListener tıklama ve biz bu düğmeye tıklandığında zaman çalıştırmak istediğiniz işlevi tam ekrana geç Bu işlevin adını biz bu kodu daraltmak böylece tamam oluşturmak

5. Html5 Özel Video Oynatıcı Javascript Tam Ekran Öğretici Denetler. Resim 1 5. Html5 Özel Video Oynatıcı Javascript Tam Ekran Öğretici Denetler. Resim 2 5. Html5 Özel Video Oynatıcı Javascript Tam Ekran Öğretici Denetler. Resim 3 5. Html5 Özel Video Oynatıcı Javascript Tam Ekran Öğretici Denetler. Resim 4

için gidiyor bulunuyor yedek artık görmek gerek yok çünkü ve dibine gidelim haydi ve yeni fonksiyon değiştirme tam ekran şimdi her satırı açıklamak Sizin için bu işlev gerçekten hızlı yani ne var olduğunu ve denilen istek fullscreen var ve ne burada vurgulanan bakın bunun için standardize Syntex yapar O her şeyin tarayıcı yazılımı ve böyle tüm bok kullanarak olacak gelecekte Bu, tüm beri şimdi ben ikiye kadar zihinsel teknolojiyi yedek olabilir bin ondört bazı koymak zorunda bunun gerektirdiği Burada koşul ifade

leri Bunu görmek için mesajı kullanılabilir video nesne için video nesne nokta isteği tam ekran yöntemi varsa kaynak o zaman istek tam ekran yöntemini kullanmak için gidiyoruz Video elemanına ve o tam ekran gitmek yapacak Ekran yöntemi için başka yaptım nokta webkit isteği o zaman sen kullanılabilir webkit isteği tam ekran yöntemini kullanmak için gidiyoruz Hangi dörttür krom ve muhtemelen safari ve muhtemelen diğer bazı daha az kullanım tarayıcılar Bu Video elemanının elsif tarama yöntemi için kalıplar talebi mevcuttur Sonra biz bu yöntemini çalıştırmak için gidiyoruz Video elemanı ve bu kadar basit Bu henüz tüm tarayıcılarda çalışmaz ve ben ateş ve krom test ve çalışır ama işe gitmiyor Henüz ve belki tüm tarayıcılar iki bin on dört yılında o olacak Tüm tarayıcılar boyunca standardize Bu istek tam ekran Normal sözdizimi Şimdi ben senin için bu işlevi rafine gitmiyorum ve gerçek olabilir Eğer varsa ajith buna eklemek ama ben sadece istiyorum sizin için bunu yapmak için gitmiyorum bu yapılabilir nasıl taban mantığı göstermek için Krom halide basında nama testi bu uçuşlar insanlar kontrol Ben o uh ... bir varsayılan tarayıcı davranışın daha fazla olduğunu düşünüyorum o yüzden tıkladığınızda geri dönüp ileri de vurabilir Eğer kaçış vurmak kez o geri gider gerçekten tüm işlevselliği krom için orada ihtiyaç var Şimdi en ateş kontrol edelim Firefox önizleme tam ekran ama ancak orada normale geri almak için her zaman devleti presler.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Video-Full-Screen-Toggle-Custom-Player-Controls-Tutorial Bölüm 5 özel video kontrolleri çubuğu için özel bir tam ekran butonuna yaratmaya odaklanmaktadır. HTML5 ve bazı yeni JavaScript yöntemler standardize hale gelene kadar bu, tüm deneysel bir teknolojidir. HTML5 ve CSS3 modülleri çeşitli tarayıcı satıcıları tarafından gelişiminde halen devam etmektedir.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.6/10

  • 50
    Olumlu
  • 2
    Olumsuz
  • 14
    Yorum
  • 14142
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • CorridorDigital

    CorridorDigi

    17 Mayıs 2010
  • HER0R

    HER0R

    16 Aralık 2007
  • Vagrant Records

    Vagrant Reco

    8 Mayıs 2006

ANKET



Bu sayfa işinize yaradı mı?