javascript - Fullscreen is not working on Iphone 6s and 5s -


i got problem fullscreen mode on iphone 6s , 5s - not work in chrome , safari others have no idea. don not have apple devices cannot reproduce myself - reported 1 of customers. have installed mac os siera on vmware , tested project safari - fine. going install xcode, internet weak long process... work fullscreen use such stuff:

/** @namespace */ const threex        = threex        || {}; threex.fullscreen   = threex.fullscreen || {};  export default threex.fullscreen;  /**  * test if possible have fullscreen  *  * @returns {boolean} true if fullscreen api available, false otherwise */ threex.fullscreen.available = function() {     return this._haswebkitfullscreen || this._hasmozfullscreen; }  /**  * test if fullscreen activated  *  * @returns {boolean} true if fullscreen activated, false otherwise */ threex.fullscreen.activated = function() {     if( this._haswebkitfullscreen ){         return document.webkitisfullscreen;     }else if( this._hasmozfullscreen ){         return document.mozfullscreen;     }else{         console.assert(false);     } }   threex.fullscreen.addeventlistener = function(element, handler) {     if (element.addeventlistener) {         element.addeventlistener('webkitfullscreenchange', handler, false);         element.addeventlistener('mozfullscreenchange', handler, false);         element.addeventlistener('fullscreenchange', handler, false);         element.addeventlistener('msfullscreenchange', handler, false);     } }  threex.fullscreen.removeeventlistener = function(element, handler) {     if (element.removeeventlistener) {         element.removeeventlistener('webkitfullscreenchange', handler, false);         element.removeeventlistener('mozfullscreenchange', handler, false);         element.removeeventlistener('fullscreenchange', handler, false);         element.removeeventlistener('msfullscreenchange', handler, false);     } }   function exithandler() {     if (document.webkitisfullscreen || document.mozfullscreen || document.msfullscreenelement !== null)     {         /* run code on exit */     } }  /**  * request fullscreen on given element  * @param {domelement} element make fullscreen. optional. default document.body */ threex.fullscreen.request   = function(element) {     element = element   || document.body;     if( this._haswebkitfullscreen ){         element.webkitrequestfullscreen();     }else if( this._hasmozfullscreen ){         element.mozrequestfullscreen();     }else{         console.assert(false);     } }  /**  * cancel fullscreen */ threex.fullscreen.cancel    = function() {     if( this._haswebkitfullscreen ){         document.webkitcancelfullscreen();     }else if( this._hasmozfullscreen ){         document.mozcancelfullscreen();     }else{         console.assert(false);     } }  threex.fullscreen._haswebkitfullscreen  = 'webkitcancelfullscreen' in document  ? true : false; threex.fullscreen._hasmozfullscreen = 'mozcancelfullscreen' in document ? true : false;

the confusing thing is working device huawei honor 6 (android 4.4.2, chrome , firefox) , chrome dev tools emulation. problem? ios? why working android chrome , not ios chrome?

if see project or has iphone , can test - go http://3dflipbook.net, there jquery or wordpress plugin demos. pleasant details.

thanks in advance!

it seems found answer on question: ios safari not support fullscreen api http://caniuse.com/#feat=fullscreen. ios chrome more ios safari chrome http://www.mobilexweb.com/blog/chrome-ios-android-4-1-jelly-bean-html5.


Comments

Post a Comment

Popular posts from this blog

Command prompt result in label. Python 2.7 -

i want put result(output) of shell command label. command works, label shows "0", however, in command prompt, result shown correctly, need showed in label. doing ubuntu. myg1 = button(root, text="rodyti informacija", command=lambda: gauti()) myg1.pack(side=bottom) def gauti(): imti = tekstas.get("1.0", "end-1c") info = subprocess.call("id '{imti}' ".format(imti=imti), shell=true) w = label(root, text= info) w.pack(side = bottom) subprocess.call() returns exit code of process created (in case 0 success). if want text output of process, should instead call subprocess.check_output() .
Read more

javascript - How do I use URL parameters to change link href on page? -

i change href value of link using url parameters. example: default <a id="dlink" href="link-1">link</a> but, when user goes https://url.com/?dlink=link-2 it swaps out link new link <a id="dlink" href="link-2">link</a> first need value url. if you're not using javascript framework can create function using jquery. please check get url parameter jquery or how query string values in js it. after that, element "a" id , set value there. $("#dlink").attr("href", hreffromparam);
Read more

amazon web services - AWS Route53 Trying To Get Site To Resolve To www -

so have domain nameservers pointed aws route 53. site hosted on ec2 instance , reachable resolves site.com, if input www.site.com. i'm curious how site resolve www.site.com. have under route53 domains hosted zone 2 additional record sets outside of ns , soa: a site.com ec2 elastic ip cname www.site.com ec2 public dns i can reach site using both site.com , www.site.com, resolve site.com. there way make if enter either, resolves www.site.com? at first, both should record set. a site.com ec2 elastic ip www.site.com ec2 elastic ip and need redirect setting in web server (nginx, apache, ..) following. (source: how redirect www non-www nginx on centos 7 ) redirect non-www www if want redirect users plain, non-www domain www domain, add server block: server { server_name example.com; return 301 $scheme://www.example.com$request_uri; } save , exit. configures nginx redirect requests "example.com" "www.example.com". not...
Read more