Bugün işte, bir web sayfasının tam ekran görüntülenmesine ihtiyaç duydum, bu yüzden Baidu'yu kontrol ettim ve web sayfalarının tam ekran görüntülenmesi için bir jQuery eklentisi buldum: jquery FullScreen Plugin. FF 10, Chrome ve Safari dahil olmak üzere çeşitli tarayıcılar için web sayfalarının tam ekran görüntülenmesini sağlar ve kullanıcılara web sayfasının daha okunabilir ve ölçeklendirilebilir bir versiyonu sunmak için kullanılır<canvas><video>.
jQuery Fullscreen Eklentisi
Açıklama
Bu jQuery eklentisi, modern tarayıcıların yeni tam ekran modunu kontrol etmek için basit bir mekanizma sunar. Şu anda sadece daha yeni Webkit tabanlı tarayıcılar (Chrome ve Safari gibi), Firefox ve IE11+ bu yeni tam ekran özelliğini sunuyor.
Kullanım
Tam ekran moduna geçiş
Tüm sayfayı ya da tek bir HTML öğesini tam ekran moduna geçirebilirsiniz:
$(document).fullScreen(true);
$("#myVideo").fullScreen(doğru);
Bu sadece kod bir kullanıcı etkileşimiyle tetiklendiğinde (örneğin bir düğmede bir onclick olayı) çalışır. Tarayıcılar, kullanıcı etkileşimi olmadan tam ekran moduna girmeye izin vermiyor.
Tam ekran modundan çıkma
Tam ekran modu her zaman belge üzerinden açılır ama bu eklenti herhangi bir HTML öğesi üzerinden de buna izin verir. Seçilen HTML öğesinin sahibi belgesi şu durumda kullanılır:
$(document).fullScreen(yanlış);
$("#myVideo").fullScreen(yanlış);
Tam ekran modu sorgulama
Mevcut durumu sorgulamak için fullScreen yöntemine argüman vermeyebilirsiniz. Yöntem, tam ekran modu aktifse mevcut tam ekran öğesini (veya tarayıcı bunu desteklemiyorsa doğru) döndürür, tarayıcı tam ekran desteklemezse false veya null Hiç mod gibi davranmıyor. Bu yöntemi tarayıcı tam ekran modunu desteklediğinde tam ekran düğmesi göstermek için de kullanabilirsiniz:
$("#fullscreenButton").toggle($(document).fullScreen() != null))
Tam ekran modunu değiştirmek
Eklenti, basit tam ekran modunu değiştirmek için başka bir yöntem sunar:
$(document).toggleFullScreen();
Bildirimler
Eklenti, tam ekran modu değiştirildiğinde belgede tam ekran değişimi olayı tetikler. Tarayıcı tam ekran durum değişikliğini reddettiyse, eklenti belgede tam ekran hata olayı tetikler. Örnek:
$(document).bind("fullscreenchange", function() {
console.log("Tam Ekran" + ($(document).fullScreen() ? " on" : "kapalı"));
});
$(document).bind("fullscreenerror", function() {
alert("Tarayıcı tam ekran değişikliğini reddetti");
});
Tam ekran iframe
Bir iframe içinden tam ekran moduna girmek varsayılan olarak izin verilmez, ancak iframe'deki birkaç özellikle etkinleştirilebilir:
<iframe src="iframe.html" webkitAllowFullScreen mozAllowFullScreen allowFullScreen>
</iframe>
Bilinen sorunlar
IE 11'de, iframe içinden tam ekrana girildiğinde boş bir sayfa gösterilir. Nedenini bilmiyorum. Her türlü yardıma açığım.
Safari'de (en azından Safari 7'de) tam ekran modunda klavye girişine izin verilmiyor.
GitHub adresi: https://github.com/kayahr/jquery-fullscreen-plugin
Turistler, bu gönderinin gizli içeriğini görmek isterseniz lütfen Yanıt
| 
Yayınlandı 14.08.2017 16:34:52
|
|
|
Yayınlandı 14.08.2017 17:08:18
|
Yayınlandı 25.11.2017 14:35:17
|
