{"id":8199,"date":"2021-11-26T15:12:08","date_gmt":"2021-11-26T15:12:08","guid":{"rendered":"https:\/\/lgildv5i97.onrocket.site\/answers\/?post_type=question&#038;p=8199"},"modified":"2021-11-26T15:12:59","modified_gmt":"2021-11-26T15:12:59","slug":"adapting-chrome-fullscreen-api-to-onload-link","status":"publish","type":"question","link":"https:\/\/computing.net\/answers\/webdevel\/adapting-chrome-fullscreen-api-to-onload-link\/5315.html","title":{"rendered":"Adapting Chrome Fullscreen API To Onload &#038; Link"},"content":{"rendered":"<p>Hi, collaborators !!<\/p>\n<p>I found this Fullscreen API script for opening Google Chrome fullscreen :<\/p>\n<p>function () {<br \/>\nvar viewFullScreen = document.getElementById(&#8220;view-fullscreen&#8221;);<br \/>\nif (viewFullScreen) {<br \/>\nviewFullScreen.addEventListener(&#8220;click&#8221;, function () {<br \/>\nvar docElm = document.documentElement;<br \/>\nif (docElm.requestFullscreen) {<br \/>\ndocElm.requestFullscreen();<br \/>\n}<br \/>\nelse if (docElm.mozRequestFullScreen) {<br \/>\ndocElm.mozRequestFullScreen();<br \/>\n}<br \/>\nelse if (docElm.webkitRequestFullScreen) {<br \/>\ndocElm.webkitRequestFullScreen();<br \/>\n}<br \/>\n}, false);<br \/>\n}<\/p>\n<p>var cancelFullScreen = document.getElementById(&#8220;cancel-fullscreen&#8221;);<br \/>\nif (cancelFullScreen) {<br \/>\ncancelFullScreen.addEventListener(&#8220;click&#8221;, function () {<br \/>\nif (document.exitFullscreen) {<br \/>\ndocument.exitFullscreen();<br \/>\n}<br \/>\nelse if (document.mozCancelFullScreen) {<br \/>\ndocument.mozCancelFullScreen();<br \/>\n}<br \/>\nelse if (document.webkitCancelFullScreen) {<br \/>\ndocument.webkitCancelFullScreen();<br \/>\n}<br \/>\n}, false);<br \/>\n}<\/p>\n<p>var fullscreenState = document.getElementById(&#8220;fullscreen-state&#8221;);<br \/>\nif (fullscreenState) {<br \/>\ndocument.addEventListener(&#8220;fullscreenchange&#8221;, function () {<br \/>\nfullscreenState.innerHTML = (document.fullscreen)? &#8220;&#8221; : &#8220;not &#8220;;<br \/>\n}, false);<\/p>\n<p>document.addEventListener(&#8220;mozfullscreenchange&#8221;, function () {<br \/>\nfullscreenState.innerHTML = (document.mozFullScreen)? &#8220;&#8221; : &#8220;not &#8220;;<br \/>\n}, false);<\/p>\n<p>document.addEventListener(&#8220;webkitfullscreenchange&#8221;, function () {<br \/>\nfullscreenState.innerHTML = (document.webkitIsFullScreen)? &#8220;&#8221; : &#8220;not &#8220;;<br \/>\n}, false);<br \/>\n}<\/p>\n<p>var marioVideo = document.getElementById(&#8220;mario-video&#8221;)<br \/>\nvideoFullscreen = document.getElementById(&#8220;video-fullscreen&#8221;);<\/p>\n<p>if (marioVideo &amp;&amp; videoFullscreen) {<br \/>\nvideoFullscreen.addEventListener(&#8220;click&#8221;, function (evt) {<br \/>\nif (marioVideo.requestFullscreen) {<br \/>\nmarioVideo.requestFullscreen();<br \/>\n}<br \/>\nelse if (marioVideo.mozRequestFullScreen) {<br \/>\nmarioVideo.mozRequestFullScreen();<br \/>\n}<br \/>\nelse if (marioVideo.webkitRequestFullScreen) {<br \/>\nmarioVideo.webkitRequestFullScreen();<br \/>\n\/*<br \/>\n*Kept here for reference: keyboard support in full screen<br \/>\n* marioVideo.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);<br \/>\n*\/<br \/>\n}<br \/>\n}, false);<br \/>\n}<br \/>\n})();<\/p>\n<p>The script works ( see\u00a0<a href=\"https:\/\/web.archive.org\/web\/20160407210108\/http:\/\/robnyman.github.com\/fullscreen\/\" target=\"_blank\" rel=\"nofollow noopener\">http:\/\/robnyman.github.com\/fullscreen\/<\/a>\u00a0and try it with Chrome ); however, my question is, how could I set up the script to open&#8230;.<\/p>\n<p>1. on body onload,<br \/>\n2. activating it from a link<\/p>\n<p>Once again, let me express my thanks for your collaboration to this newbie !!<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"iawp_total_views":0},"question-category":[57],"question_tags":[],"class_list":["post-8199","question","type-question","status-publish","hentry","question-category-webdevel"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/computing.net\/answers\/wp-json\/wp\/v2\/question\/8199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/computing.net\/answers\/wp-json\/wp\/v2\/question"}],"about":[{"href":"https:\/\/computing.net\/answers\/wp-json\/wp\/v2\/types\/question"}],"author":[{"embeddable":true,"href":"https:\/\/computing.net\/answers\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/computing.net\/answers\/wp-json\/wp\/v2\/comments?post=8199"}],"wp:attachment":[{"href":"https:\/\/computing.net\/answers\/wp-json\/wp\/v2\/media?parent=8199"}],"wp:term":[{"taxonomy":"question-category","embeddable":true,"href":"https:\/\/computing.net\/answers\/wp-json\/wp\/v2\/question-category?post=8199"},{"taxonomy":"question_tags","embeddable":true,"href":"https:\/\/computing.net\/answers\/wp-json\/wp\/v2\/question_tags?post=8199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}