2011-11-04 14 views
8

Youtube videonun tam ekran düğmesini tıklattığımda ve ekranın üst kısmında tam ekran moduna geçtiğimi belirten bir mesaj görüntülendiğimde yakın zamanda youtube'deydim. Bu mesaj, klavyenizde f-11 tuşlarına basarken aldığınız yerel mesajdı. Ayrıca bir yerde (şu anda bulamıyorum) bir şeyler okuyordum ve bunu şimdi Javascript ile yapmanın mümkün olduğunu söylüyor.Google Chrome'u Javascript ile tam ekran moduna geçirin mi?

nasıl komuta, tam ekran içine kullanıcılar tarayıcıyı (Google Chrome) koyardı Soru? - bir uzantı olmadan, önceden ya da bu nitelikteki herhangi bir şeyi indirmeleri gerekir.

jQuery kullanıyorum, bu en iyisi olurdu, ancak bunu nasıl yapacağımı bulamıyorum.

DÜZENLEME: Bu doğa ile ilgili başka sorular gördüm, ancak uzun bir süre önce sorulmuşlardı ve bu işlevin oldukça yeni olduğuna inanıyorum.

+0

YouTube videosunun bunu yapan bir bağlantınız var mı? Flash olmadığından emin misin? –

+0

Bu tam ekran modundan değil mi? – HerrSerker

+0

olası bir kopyası [HTML5 video tam ekran oluşturmanın bir yolu var mı?] (Http://stackoverflow.com/questions/1055214/is-there-a-way-to-make-html5-video-fullscreen) –

cevap

10

iyi makale: Native Fullscreen JavaScript API. Her üç yöntemi de açıklar: webkit, firefox ve W3-proposal.

// mozilla proposal 
element.requestFullScreen(); 
document.cancelFullScreen(); 

// Webkit (works in Safari and Chrome Canary) 
element.webkitRequestFullScreen(); 
document.webkitCancelFullScreen(); 

// Firefox (works in nightly) 
element.mozRequestFullScreen(); 
document.mozCancelFullScreen(); 

// W3C Proposal 
element.requestFullscreen(); 
document.exitFullscreen(); 
1

onlar yerli gibi görünen bu işlevleri deneyin:

İşte
void webkitRequestFullScreen(); 
void webkitRequestFullScreenWithKeys(); 
void webkitCancelFullScreen(); // only on Document 
1

API W3C bu hafta katıldı özellikle akı ağır hala. MediaElement.js HTML5 video oynatıcısında Tam Ekranı uygulamak ve Safari 5.1+, Chrome 15+ veya Firefox Nightly'de harika çalışmak için zaman ayırmak için biraz zaman harcadım.

İlgili konular