{"id":313387,"date":"2020-11-18T21:00:33","date_gmt":"2020-11-18T21:00:33","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=313387"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=313387","title":{"rendered":"\u0420\u0430\u0441\u0442\u044f\u043d\u0443\u0442\u044c \u0432\u0438\u0434\u0435\u043e \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435"},"content":{"rendered":"\n<div class=\"post__text post__text-html post__text_v1\" id=\"post-content-body\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/au\/g_\/ky\/aug_kysskpk1yqlni-j2hseregy.jpeg\"><\/p>\n<p>  \u041e\u0447\u0435\u043d\u044c \u0447\u0430\u0441\u0442\u043e \u0432\u0438\u0434\u0435\u043e \u0432 \u043e\u043d\u043b\u0430\u0439\u043d-\u043a\u0438\u043d\u043e\u0442\u0435\u0430\u0442\u0440\u0430\u0445 \u0438\u043c\u0435\u0435\u0442 \u0441\u043e\u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435 \u0441\u0442\u043e\u0440\u043e\u043d, \u043e\u0442\u043b\u0438\u0447\u043d\u043e\u0435 \u043e\u0442 \u0441\u043e\u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044f \u0441\u0442\u043e\u0440\u043e\u043d \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0430. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u043d\u043e\u0433\u0434\u0430 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u0435\u0442 \u0436\u0435\u043b\u0430\u043d\u0438\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043e\u0431\u0449\u0438\u0439 \u043c\u0430\u0441\u0448\u0442\u0430\u0431 \u0447\u0443\u0442\u044c \u043a\u0440\u0443\u043f\u043d\u0435\u0435 \u0437\u0430 \u0441\u0447\u0435\u0442 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043e\u0431\u0440\u0435\u0437\u043a\u0438 \u043f\u043e \u043a\u0440\u0430\u044f\u043c. \u0418\u043b\u0438 \u0432\u043e\u0432\u0441\u0435 \u2014 \u0432\u043f\u0438\u0441\u0430\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0432 \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u044d\u043a\u0440\u0430\u043d\u0430 \u043f\u043e \u043c\u0435\u043d\u044c\u0448\u0435\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438. \u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u044d\u0442\u043e \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0445 \u044d\u043a\u0440\u0430\u043d\u043e\u0432, \u0430 \u0442\u0430\u043a\u0436\u0435, \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u044b\u0445 \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u043e\u0432 4:3. \u042f \u0443\u0436 \u043c\u043e\u043b\u0447\u0443 \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u043e\u0435 \u0432\u0438\u0434\u0435\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0432\u043e\u043e\u0431\u0449\u0435 \u0440\u0430\u0441\u0442\u044f\u043d\u0443\u0442\u043e \u043f\u043e \u043e\u0434\u043d\u043e\u0439 \u0438\u0437 \u0441\u0442\u043e\u0440\u043e\u043d \u0438 \u044d\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043a\u0430\u043a-\u0442\u043e \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c.<\/p>\n<p>  \u0414\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u043e\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u044f \u0437\u0430\u0434\u0443\u043c\u0430\u043b \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u043e\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u043f\u043e\u0434 Chrome \u0438 Firefox. \u0418\u0434\u0435\u044f \u0442\u0430\u043a\u0430\u044f: \u043f\u0440\u0438 \u043f\u0440\u043e\u0438\u0433\u0440\u044b\u0432\u0430\u043d\u0438\u0438 \u043b\u044e\u0431\u043e\u0433\u043e \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u043e\u0433\u043e \u0432\u0438\u0434\u0435\u043e \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0435 \u043c\u0435\u043d\u044e, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u043b\u044c\u043d\u043e \u043c\u0435\u043d\u044f\u0442\u044c \u043c\u0430\u0441\u0448\u0442\u0430\u0431 \u0438 \u0441\u043e\u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435 \u0441\u0442\u043e\u0440\u043e\u043d \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438.<br \/>  <a name=\"habracut\"><\/a>  <\/p>\n<h3>iframe<\/h3>\n<p>  \u041f\u0435\u0440\u0432\u0430\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430, \u0441 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u044f \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u043b\u0441\u044f, \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0432\u0438\u0434\u0435\u043e \u043d\u0430 \u0441\u0430\u0439\u0442\u0430\u0445 \u0432\u043e\u0432\u0441\u0435 \u043d\u0435 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0437\u0430\u043f\u0440\u044f\u0442\u0430\u043d\u043e \u0433\u043b\u0443\u0431\u043e\u043a\u043e \u0432\u043e \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 iframe. \u042f \u0440\u0435\u0448\u0438\u043b \u043f\u0440\u043e\u0441\u043a\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432\u0441\u0435 iframe-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0438 \u043d\u0430\u0439\u0442\u0438 \u0432 \u043a\u0430\u0436\u0434\u043e\u043c \u0438\u0437 \u043d\u0438\u0445 \u0432\u0441\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b video. \u041a\u0441\u0442\u0430\u0442\u0438, \u044d\u0442\u0438\u043c \u0440\u0435\u0448\u0430\u0435\u0442\u0441\u044f \u0438 \u0434\u0440\u0443\u0433\u0430\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u2014 \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u0437\u043d\u0430\u0435\u0448\u044c, \u0433\u0434\u0435 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u043e\u0435 \u0432\u0438\u0434\u0435\u043e, \u0430 \u0433\u0434\u0435 \u0441\u0430\u043c \u0444\u0438\u043b\u044c\u043c. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0434\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0430\u0439\u0434\u0435\u043c \u0438\u0445 \u0432\u0441\u0435\u0445.<\/p>\n<p>  \u0424\u0443\u043d\u043a\u0446\u0438\u044f getVideos \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 \u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0432\u043d\u043e \u0441\u0430\u043c\u0430 \u0441\u0435\u0431\u044f \u0434\u043e \u0442\u0435\u0445 \u043f\u043e\u0440, \u043f\u043e\u043a\u0430 \u0432 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u043c iframe \u043d\u0435 \u0431\u0443\u0434\u0443\u0442 \u043d\u0430\u0439\u0434\u0435\u043d\u044b \u0432\u0441\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b video. \u0412\u0441\u0435 \u0432\u0438\u0434\u0435\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0432 \u043c\u0430\u0441\u0441\u0438\u0432 ap_ext_space.videos. \u0412 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0432\u0445\u043e\u0434\u043d\u043e\u0433\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f getVideos \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u041f\u0440\u0438 \u043f\u0435\u0440\u0432\u043e\u043c \u0437\u0430\u043f\u0443\u0441\u043a\u0435 \u0431\u0435\u0440\u0435\u0442\u0441\u044f \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442. \u041f\u043e \u0445\u043e\u0434\u0443 \u0435\u0449\u0435 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0435 \u0432\u0438\u0434\u0435\u043e \u043d\u0430\u0432\u0435\u0448\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438, \u043d\u043e \u043e\u0431 \u044d\u0442\u043e\u043c \u043d\u0438\u0436\u0435.<\/p>\n<pre><code class=\"javascript\">getVideos: function (srcDoc) { \tif (!srcDoc) { \t\tsrcDoc = document; \t\twindow.onkeydown = function (event) { \t\t\tvar e = event || window.event; \t\t\tap_ext_space.keyDn(e); \t\t}; \t};  \tvar els = srcDoc.getElementsByTagName('video'); \tfor (var i = 0; i &lt; els.length; i++) { \t\tels[i].addEventListener(&quot;seeked&quot;, function () {ap_ext_space.zoomw(); console.log('seeked'); }, true); \t\tels[i].addEventListener(&quot;abort&quot;, function () {ap_ext_space.zoomw(); console.log('abort'); }, true); \t\tels[i].addEventListener(&quot;pause&quot;, function () {ap_ext_space.zoomw(); console.log('pause'); }, true); \t\tels[i].addEventListener(&quot;play&quot;, function () {ap_ext_space.zoomw(); console.log('play'); }, true); \t\tels[i].addEventListener(&quot;playing&quot;, function () {ap_ext_space.zoomw(); console.log('playing'); }, true); \t\tels[i].addEventListener(&quot;seeked&quot;, function () {ap_ext_space.zoomw(); console.log('seeked'); }, true);  \t\tap_ext_space.videos.push(els[i]); \t\tap_ext_space.menu(els[i], srcDoc); \t}; \tconsole.log('all videos:', ap_ext_space.videos);  \tvar ifrs = srcDoc.getElementsByTagName(&quot;iframe&quot;); \tconsole.log('iframes:', ifrs);  \tvar ifr; \tfor (var i = 0; i &lt; ifrs.length; i++) { \t\tifr = ifrs[i]; \t\ttry { \t\t\tvar innerDoc = (ifr.contentDocument || ifr.contentWindow.document); \t\t\tvar innerWindow = (ifr.contentWindow || ifr); \t\t\tinnerWindow.onkeydown = function (event) { \t\t\t\tvar e = event || window.event; \t\t\t\tap_ext_space.keyDn(e); \t\t\t}; \t\t\tap_ext_space.getVideos(innerDoc); \t\t} catch (err) { \t\t\tconsole.log('err', err); \t\t}; \t}; },<\/code><\/pre>\n<p>  <\/p>\n<h3>\u042d\u043a\u0440\u0430\u043d\u043d\u043e\u0435 \u043c\u0435\u043d\u044e<\/h3>\n<p>  <\/p>\n<div style=\"text-align:center;\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/qw\/mc\/f7\/qwmcf7hfxo27rg5x1bk5dodr8me.jpeg\"><\/div>\n<p>  \u0425\u043e\u0440\u043e\u0448\u043e, \u0441\u043f\u0438\u0441\u043e\u043a \u0432\u0441\u0435\u0445 \u0432\u0438\u0434\u0435\u043e-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c. \u0422\u0435\u043f\u0435\u0440\u044c \u043a\u0430\u043a \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0435 \u043c\u0435\u043d\u044e? \u041f\u0440\u043e\u0441\u0442\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0435\u0433\u043e \u0431\u043b\u043e\u0447\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u043a \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u0432\u0438\u0434\u0435\u043e. \u0414\u0430, \u0442\u043e\u0433\u0434\u0430 \u0443 \u043d\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u043c\u043d\u043e\u0433\u043e \u044d\u043a\u0440\u0430\u043d\u043d\u044b\u0445 \u043c\u0435\u043d\u044e, \u043d\u043e \u0432 \u043e\u0434\u0438\u043d \u043c\u043e\u043c\u0435\u043d\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u043d\u043e \u0432\u0438\u0434\u0435\u043e: \u043e\u0434\u0438\u043d \u0438\u0437 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0445 \u0440\u043e\u043b\u0438\u043a\u043e\u0432 \u043b\u0438\u0431\u043e \u0441\u0430\u043c \u0444\u0438\u043b\u044c\u043c. \u0418 \u043c\u0435\u043d\u044e \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u043d\u0438\u043c\u0438 \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u043d\u043e.<\/p>\n<p>  \u0412\u0438\u0434\u0435\u043e, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f \u0432 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u043c div-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0435. \u0414\u043e\u0431\u0430\u0432\u0438\u043c \u043a \u043d\u0435\u043c\u0443 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e child \u043d\u0430\u0448 div-\u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u043c\u0435\u043d\u044e. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0435 \u043c\u0435\u043d\u044e \u0432\u0441\u0435\u0433\u0434\u0430 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u043f\u043e\u0432\u0435\u0440\u0445 \u0432\u0438\u0434\u0435\u043e.<\/p>\n<p>  \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u043c\u0435\u043d\u044e \u0437\u0430\u043a\u043e\u0434\u0438\u0440\u0443\u0435\u043c \u0432 base64 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 png \u0441 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u043c \u0430\u043b\u044c\u0444\u0430-\u043a\u0430\u043d\u0430\u043b\u043e\u043c \u0438 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u043c \u0432 ap_ext_space.imgUR, \u0442\u0430\u043a \u043a\u0430\u043a \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u043d\u0430\u043c \u043f\u043e\u0434\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0441 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u0434\u043e\u043c\u0435\u043d\u0430. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043c\u0435\u043d\u044e \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0432\u0438\u0434\u0435\u043e:<\/p>\n<pre><code class=\"javascript\">menu: function(videoEl, doc) {  \t\/\/\u0438\u0449\u0435\u043c \u0432\u0441\u0435 div \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u043a video \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \t\/\/\u0442\u0435\u043c \u0441\u0430\u043c\u044b\u043c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c, \u043d\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043e \u043b\u0438 \u0443\u0436\u0435 \u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0435 \u043c\u0435\u043d\u044e (\u0444\u043b\u0430\u0433 menuInside) \tvar els = videoEl.parentNode.getElementsByTagName('div'); \tvar menuInside = false; \tfor (var j = 0; j &lt; els.length; j++) { \t\tif (els[j].id == 'ap_ext_space_container') { \t\t\tmenuInside = true; \t\t\tap_ext_space.menus.push(els[j]); \t\t}; \t};  \tif (menuInside == false) {  \t\t\/\/\u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u043c\u0435\u043d\u044e \t\tvar div = doc.createElement('div'); \t\tdiv.innerHTML = ap_ext_space.html(); \t\tvideoEl.parentNode.appendChild(div); \t\tdiv.style.width = '520px'; \t\tdiv.style.height = '410px'; \t\tdiv.style.display = 'block'; \t\tdiv.style.position = 'absolute'; \t\tdiv.id = 'ap_ext_space_container'; \t\tvar url = &quot;url('&quot; + ap_ext_space.imgURL + &quot;')&quot;; \t\tdiv.style.backgroundImage = url; \t\tdiv.style.opacity = 0.95; \t\tap_ext_space.menus.push(div);  \t\t\/\/\u043f\u0440\u0438\u0432\u044f\u0436\u0435\u043c \u043a \u043d\u0435\u043c\u0443 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \t\tdiv.addEventListener(&quot;dblclick&quot;, function(e) { \t\t\te.preventDefault(); \t\t\te.stopPropagation(); \t\t}, true);  \t\tdiv.addEventListener(&quot;mouseover&quot;, function(e) { \t\t\te.preventDefault(); \t\t\te.stopPropagation();  \t\t\tvar elem, evt = e ? e : event; \t\t\tif (evt.srcElement) { \t\t\t\telem = evt.srcElement; \t\t\t} else if (evt.target) { \t\t\t\telem = evt.target; \t\t\t};  \t\t\t\/\/\u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u044d\u043a\u0440\u0430\u043d\u043d\u044b\u0445 \u043a\u043d\u043e\u043f\u043e\u043a \u0434\u043b\u044f \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043c\u044b\u0448\u044c\u044e \t\t\tvar pos = { \t\t\t\tap_ext_space_num7: [520 + 134, 82], \t\t\t\tap_ext_space_num8: [520 + 134 + 90, 82], \t\t\t\tap_ext_space_num9: [520 + 134 + 90 + 90, 82], \t\t\t\tap_ext_space_num4: [520 + 134, 82 + 90], \t\t\t\tap_ext_space_num5: [520 + 134 + 90, 82 + 90], \t\t\t\tap_ext_space_num6: [520 + 134 + 90 + 90, 82 + 90], \t\t\t\tap_ext_space_num1: [520 + 134, 82 + 90 + 90], \t\t\t\tap_ext_space_num2: [520 + 134 + 90, 82 + 90 + 90], \t\t\t\tap_ext_space_num3: [520 + 134 + 90 + 90, 82 + 90 + 90] \t\t\t}; \t\t\tvar key, el; \t\t\tfor (var j = 1; j &lt; 10; j++) { \t\t\t\tkey = 'ap_ext_space_num' + j; \t\t\t\tif (elem.id == key) { \t\t\t\t\telem.style.backgroundImage = &quot;url('&quot; + ap_ext_space.imgURL + &quot;')&quot;; \t\t\t\t\telem.style.backgroundPosition = -pos[key][0] + 'px ' + -pos[key][1] + 'px'; \t\t\t\t}; \t\t\t}; \t\t}, true);  \t\tdiv.addEventListener(&quot;mouseout&quot;, function(e) { \t\t\te.preventDefault(); \t\t\te.stopPropagation();  \t\t\tvar elem, evt = e ? e : event; \t\t\tif (evt.srcElement) { \t\t\t\telem = evt.srcElement; \t\t\t} else if (evt.target) { \t\t\t\telem = evt.target; \t\t\t};  \t\t\tvar key, el; \t\t\tfor (var j = 1; j &lt; 10; j++) { \t\t\t\tkey = 'ap_ext_space_num' + j; \t\t\t\tif (elem.id == key) { \t\t\t\t\telem.style.backgroundImage = &quot;none&quot;; \t\t\t\t}; \t\t\t}; \t\t}, true);  \t\tdiv.addEventListener(&quot;click&quot;, function(e) { \t\t\te.preventDefault(); \t\t\te.stopPropagation(); \t\t\tvar elem, evt = e ? e : event; \t\t\tif (evt.srcElement) { \t\t\t\telem = evt.srcElement; \t\t\t} else if (evt.target) { \t\t\t\telem = evt.target; \t\t\t}; \t\t\tap_ext_space.clickHandler(elem); \t\t}, true);  \t\tdiv.addEventListener(&quot;touchstart&quot;, function(e) { \t\t\te.preventDefault(); \t\t\te.stopPropagation(); \t\t\tvar elem, evt = e ? e : event; \t\t\tif (evt.srcElement) { \t\t\t\telem = evt.srcElement; \t\t\t} else if (evt.target) { \t\t\t\telem = evt.target; \t\t\t}; \t\t\tap_ext_space.clickHandler(elem); \t\t}, true);  \t\tdiv.addEventListener(&quot;touchend&quot;, function(e) { \t\t\te.preventDefault(); \t\t}, true);  \t\tdiv.addEventListener(&quot;touchmove&quot;, function(e) { \t\t\te.preventDefault(); \t\t}, true);  \t\t\/\/\u0437\u0430\u0434\u0430\u0434\u0438\u043c \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u043c\u0435\u043d\u044e \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 (\u043f\u043e \u0446\u0435\u043d\u0442\u0440\u0443) \t\tap_ext_space.menuPos();  \t}; \tconsole.log('all menus:', ap_ext_space.menus); }, <\/code><\/pre>\n<p>  \u0415\u0441\u043b\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c div-\u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u043c\u0435\u043d\u044e \u043a \u0432\u0438\u0434\u0435\u043e \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c: videoEl.parentNode.appendChild(div), \u0442\u043e \u043e\u043d \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u043f\u043e\u0432\u0435\u0440\u0445 \u0432\u0438\u0434\u0435\u043e \u0434\u0430\u0436\u0435 \u0432 \u043f\u043e\u043b\u043d\u043e\u044d\u043a\u0440\u0430\u043d\u043d\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435. \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0442\u0446\u0435\u043d\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e, \u0430 \u0442\u043e\u0447\u043d\u0435\u0435, \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u044d\u0442\u043e \u0441\u043e \u0432\u0441\u0435\u043c\u0438 \u043f\u0440\u0438\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u043c\u0438 \u043a \u0432\u0438\u0434\u0435\u043e-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c \u0431\u043b\u043e\u0447\u043d\u044b\u043c\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u043c\u0435\u043d\u044e (\u043e\u043d\u0438 \u0438\u043c\u0435\u044e\u0442 \u0440\u0430\u0437\u043c\u0435\u0440 520&#215;410):<\/p>\n<pre><code class=\"javascript\">menuPos: function() {  \tif (ap_ext_space.isFullScreen()) {  \t\tvar sc = ap_ext_space.scale; \t\tvar iw = window.innerWidth, \t\t\tih = window.innerHeight; \t\tvar w = iw * sc; \t\tvar h = w \/ 16 * 9;  \t\tfor (var i = 0; i &lt; ap_ext_space.menus.length; i++) { \t\t\tap_ext_space.menus[i].style.marginLeft = (iw - 520) \/ 2 + 'px'; \t\t\tap_ext_space.menus[i].style.marginTop = (-h - 410) \/ 2 + 'px'; \t\t};  \t} else {  \t\tap_ext_space.scale = 1;  \t\tfor (var i = 0; i &lt; ap_ext_space.menus.length; i++) { \t\t\tap_ext_space.menus[i].style.marginLeft = '0px'; \t\t\tap_ext_space.menus[i].style.marginTop = '0px'; \t\t}; \t};  },  isFullScreen: function() { \treturn !!(document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement); },<\/code><\/pre>\n<p>  \u041a\u0441\u0442\u0430\u0442\u0438, \u0432 \u0438\u0442\u043e\u0433\u0435 \u044f \u0440\u0435\u0448\u0438\u043b \u0432\u043e\u043e\u0431\u0449\u0435 \u0441\u043a\u0440\u044b\u0442\u044c \u043c\u0435\u043d\u044e \u0432 \u043e\u043a\u043e\u043d\u043d\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435 \u0438 \u0440\u0430\u0437\u0440\u0435\u0448\u0438\u0442\u044c \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0440\u0430\u0437\u043c\u0435\u0440\u0430\u043c\u0438 \u0432\u0438\u0434\u0435\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u043f\u043e\u043b\u043d\u043e\u044d\u043a\u0440\u0430\u043d\u043d\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435. \u0412 \u043e\u043a\u043e\u043d\u043d\u043e\u043c \u0432 \u044d\u0442\u043e\u043c \u043d\u0435\u0442 \u0441\u043c\u044b\u0441\u043b\u0430.<\/p>\n<h3>\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438<\/h3>\n<p>  \u0417\u0434\u0435\u0441\u044c, \u0434\u0443\u043c\u0430\u044e, \u0438 \u0442\u0430\u043a \u0432\u0441\u0435 \u043f\u043e\u043d\u044f\u0442\u043d\u043e. \u041d\u0430 \u043a\u0430\u0436\u0434\u0443\u044e \u043a\u043d\u043e\u043f\u043a\u0443 \u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u043c\u0435\u043d\u044e \u043d\u0430\u0432\u0435\u0448\u0435\u043d\u044b \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u043a\u043b\u0438\u043a\u0430, \u0442\u0430\u0447\u0430 \u0438 \u0435\u0449\u0435 \u2014 \u043d\u0430\u0436\u0430\u0442\u0438\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0433\u043e \u0441\u043e\u0447\u0435\u0442\u0430\u043d\u0438\u044f \u043a\u043b\u0430\u0432\u0438\u0448, \u0447\u0442\u043e\u0431\u044b \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0432\u0438\u0434\u0435\u043e \u0434\u0430\u0436\u0435 \u043f\u0440\u0438 \u0441\u043a\u0440\u044b\u0442\u043e\u043c \u043c\u0435\u043d\u044e. \u041a\u043d\u043e\u043f\u043a\u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u044e\u0442 \u0432\u0435\u043b\u0438\u0447\u0438\u043d\u0430\u043c\u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u043e\u0432: ap_ext_space.scale, ap_ext_space.scalew \u0438 ap_ext_space.scaleh, \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u044f \u0438\u043b\u0438 \u0443\u043c\u0435\u043d\u044c\u0448\u0430\u044f \u044d\u0442\u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f, \u0430 \u0437\u0430\u0442\u0435\u043c \u0438\u0437\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0440\u0430\u0437\u043c\u0435\u0440 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043d\u0430\u0439\u0434\u0435\u043d\u043d\u043e\u0433\u043e \u0432\u044b\u0448\u0435 \u0432\u0438\u0434\u0435\u043e-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<pre><code class=\"javascript\">var sc = ap_ext_space.scale; var iw = window.innerWidth, \tih = window.innerHeight; var w = iw * sc; var h = w \/ 16 * 9;  for (var i = 0; i &lt; ap_ext_space.videos.length; i++) { \tel = ap_ext_space.videos[i]; \tel.style.position = 'initial'; \tel.style.width = (w) + 'px'; \tel.style.height = (h) + 'px'; \tel.style.marginLeft = -(w - iw) \/ 2 + 'px'; \tel.style.marginTop = -(h - ih) \/ 2 + 'px'; \tel.style.transform = 'scaleX(' + ap_ext_space.scalew + ') scaleY(' + ap_ext_space.scaleh + ')'; };<\/code><\/pre>\n<p>  \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u044f \u0442\u0430\u043a\u0436\u0435 \u043f\u043e\u0432\u0435\u0441\u0438\u043b \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u0439 \u0432\u0438\u0434\u0435\u043e seeked, abort, pause, play, playing, seeked \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 video-\u044d\u043b\u0435\u043c\u0435\u043d\u0442 (\u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 getVideos() \u0432\u044b\u0448\u0435) \u0432\u044b\u0437\u043e\u0432 \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u0442 \u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0435 \u043c\u0435\u043d\u044e \u0441 \u043f\u0435\u0440\u0435\u0441\u0447\u0435\u0442\u043e\u043c \u0435\u0433\u043e \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442, \u0442\u0430\u043a \u043a\u0430\u043a \u0438\u043d\u043e\u0433\u0434\u0430 \u043e\u043d\u043e \u00ab\u0443\u0435\u0437\u0436\u0430\u0435\u0442\u00bb \u043f\u0440\u0438 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f. \u0422\u043e \u0436\u0435 \u0441\u0434\u0435\u043b\u0430\u043b \u0438 \u0434\u043b\u044f \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432 \u043e\u043a\u043d\u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430.<\/p>\n<h3>\u041f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0438\u043c\u0435\u043d<\/h3>\n<p>  \u0412\u043e\u043e\u0431\u0449\u0435, \u0447\u0442\u043e \u044d\u0442\u043e \u0437\u0430 ap_ext_space \u0442\u0430\u043a\u043e\u0439? \u0414\u0435\u043b\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0432\u0441\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0434\u043b\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u0432\u0438\u0434\u0435\u043e, \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u044b \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 (\u043b\u0438\u0431\u043e \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u0443\u044e, \u043b\u0438\u0431\u043e \u2014 \u0432 iframe). \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u043b \u044d\u0442\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u0430 \u0442\u0430\u043a\u0436\u0435, \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u043d\u0438\u043c\u0438 \u2014 \u0438 \u0444\u043e\u043d \u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u043c\u0435\u043d\u044e \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 base64 \u0432 \u0435\u0434\u0438\u043d\u043e\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435 \u0438\u043c\u0435\u043d. \u0418\u043d\u0436\u0435\u043a\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0432\u0441\u0435 \u044d\u0442\u043e \u0432 \u043a\u043e\u0434 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0432\u043a\u043b\u0430\u0434\u043a\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u0438\u0437 \u0431\u044d\u043a\u0433\u0440\u0430\u0443\u043d\u0434-\u0441\u043a\u0440\u0438\u043f\u0442\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<pre><code class=\"javascript\">var codeString = ap_ext_space_f.toString() + '; ap_ext_space_f(); ap_ext_space.init()'; chrome.tabs.executeScript({ \tcode: codeString });  function ap_ext_space_f() {  \tap_ext_space = {  \t\tinit: function() { \t\t\t\/\/... \t\t},  \t\t\/\/... \t};  }; <\/code><\/pre>\n<p>  \u041d\u0443 \u0430 \u0432\u043d\u0443\u0442\u0440\u0438 ap_ext_space \u0443\u0436\u0435 \u0441\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u0438\u0441\u043a \u0432\u0441\u0435\u0445 iframe, \u0437\u0430\u0442\u0435\u043c \u2014 \u0432\u0441\u0435\u0445 video \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0438\u0437 \u043d\u0438\u0445, \u0441\u0442\u0440\u043e\u0438\u0442\u0441\u044f \u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0435 \u043c\u0435\u043d\u044e \u0441 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c\u0438 \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435.<\/p>\n<h3>\u041a\u0430\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f<\/h3>\n<p>  \u0417\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0432\u0438\u0434\u0435\u043e. \u041a\u043b\u0438\u043a\u043d\u0443\u0442\u044c \u043d\u0430 \u0438\u043a\u043e\u043d\u043a\u0443 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f. \u0420\u0430\u0437\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0432\u0438\u0434\u0435\u043e \u043d\u0430 \u043f\u043e\u043b\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d. \u041d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u043c\u0430\u0441\u0448\u0442\u0430\u0431 \u0438 \u0441\u043e\u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435 \u0441\u0442\u043e\u0440\u043e\u043d. \u041c\u0435\u043d\u044e \u043c\u043e\u0436\u043d\u043e \u0441\u043a\u0440\u044b\u0442\u044c \u0441\u043e\u0447\u0435\u0442\u0430\u043d\u0438\u0435\u043c \u043a\u043b\u0430\u0432\u0438\u0448 ctrl+0.<\/p>\n<h3>\u0418\u0442\u043e\u0433<\/h3>\n<p>  \u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f Browser Video Tuner, \u043e\u043d\u043e \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e\u0435 \u0438 \u0432 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e \u0432 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430\u0445 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 Chrome \u0438 Firefox. \u0422\u0430\u043a\u0436\u0435, \u0435\u0433\u043e, \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u043c\u043e\u0436\u043d\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u0438 \u0432\u043e \u0432\u0441\u0435 Chrome-\u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u044b\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u0442\u0438\u043f\u0430 Opera, Yandex Browser \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435. \u0421\u0442\u043e\u0438\u0442 \u043e\u0442\u043c\u0435\u0442\u0438\u0442\u044c, \u0447\u0442\u043e \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u0441\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u043d\u0435 \u043d\u0430 \u0432\u0441\u0435\u0445 \u0441\u0430\u0439\u0442\u0430\u0445 \u0441 \u0432\u0438\u0434\u0435\u043e. \u0422\u0430\u043c, \u0433\u0434\u0435 \u0434\u043e\u0441\u0442\u0443\u043f \u043a iframe-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c \u0438\u0437\u0432\u043d\u0435 \u0437\u0430\u0449\u0438\u0449\u0435\u043d \u043f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438, \u0442\u043e \u043d\u0438 \u043e\u0434\u043d\u043e\u0433\u043e \u0432\u0438\u0434\u0435\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043d\u0430\u0439\u0434\u0435\u043d\u043e. \u0418 \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0435 \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0435 \u043e\u0431 \u044d\u0442\u043e\u043c. \u041c\u0435\u043d\u044e \u0432 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u0441\u044f. \u041d\u043e \u043d\u0430 Youtube \u0438 \u043d\u0430 \u043c\u043d\u043e\u0433\u0438\u0445 \u043e\u043d\u043b\u0430\u0439\u043d-\u043a\u0438\u043d\u043e\u0442\u0435\u0430\u0442\u0440\u0430\u0445 \u0432\u0441\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442.<\/p>\n<p>  \u0421 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u043c\u0438 \u0437\u0430\u043c\u0435\u0447\u0435\u043d\u044b \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 Yandex Browser \u0432\u044b\u0432\u043e\u0434\u0438\u043c\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043a\u0430\u043a-\u0442\u043e \u043f\u043e\u0440\u0442\u0438\u0442\u0441\u044f \u0438 \u043d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u0442 \u0441\u0438\u043b\u044c\u043d\u043e \u043f\u0435\u0440\u0435\u0436\u0430\u0442\u044b\u0439 jpeg. \u041d\u043e \u043d\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u044d\u0442\u043e \u043d\u0438\u043a\u0430\u043a \u043d\u0435 \u0432\u043b\u0438\u044f\u0435\u0442<\/p>\n<div style=\"text-align:center;\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/s9\/we\/u0\/s9weu0px6u_8wholukybft15mj8.jpeg\"><\/div>\n<p>  \u042f \u0438\u0441\u043a\u0430\u043b \u0441\u043f\u043e\u0441\u043e\u0431 \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0435 \u043c\u0435\u043d\u044e \u0432 \u043f\u043e\u043b\u043d\u043e\u044d\u043a\u0440\u0430\u043d\u043d\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u0432\u0435\u0440\u0445 \u0432\u0441\u0435\u0433\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 \u0431\u0435\u0437 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u044f \u0435\u0433\u043e \u0432\u043d\u0443\u0442\u0440\u044c iframe-\u043e\u0432, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u043e\u0442 \u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430, \u0438 \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0440\u0430\u0437\u043c\u0435\u0440\u0430\u043c\u0438 \u0432\u0441\u0435\u0433\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 \u0432 \u0446\u0435\u043b\u043e\u043c, \u043d\u043e \u043f\u043e\u043a\u0430 \u043c\u043d\u0435 \u044d\u0442\u043e \u043d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c. \u0414\u0443\u043c\u0430\u044e, \u0432 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u043c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u043f\u043e\u043b\u043d\u044f\u0442\u044c\u0441\u044f \u043d\u043e\u0432\u044b\u043c\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c\u0438.<\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/post\/528788\/\"> https:\/\/habr.com\/ru\/post\/528788\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"\n<div class=\"post__text post__text-html post__text_v1\" id=\"post-content-body\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/au\/g_\/ky\/aug_kysskpk1yqlni-j2hseregy.jpeg\"><\/p>\n<p>  \u041e\u0447\u0435\u043d\u044c \u0447\u0430\u0441\u0442\u043e \u0432\u0438\u0434\u0435\u043e \u0432 \u043e\u043d\u043b\u0430\u0439\u043d-\u043a\u0438\u043d\u043e\u0442\u0435\u0430\u0442\u0440\u0430\u0445 \u0438\u043c\u0435\u0435\u0442 \u0441\u043e\u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435 \u0441\u0442\u043e\u0440\u043e\u043d, \u043e\u0442\u043b\u0438\u0447\u043d\u043e\u0435 \u043e\u0442 \u0441\u043e\u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044f \u0441\u0442\u043e\u0440\u043e\u043d \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0430. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u043d\u043e\u0433\u0434\u0430 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u0435\u0442 \u0436\u0435\u043b\u0430\u043d\u0438\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043e\u0431\u0449\u0438\u0439 \u043c\u0430\u0441\u0448\u0442\u0430\u0431 \u0447\u0443\u0442\u044c \u043a\u0440\u0443\u043f\u043d\u0435\u0435 \u0437\u0430 \u0441\u0447\u0435\u0442 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043e\u0431\u0440\u0435\u0437\u043a\u0438 \u043f\u043e \u043a\u0440\u0430\u044f\u043c. \u0418\u043b\u0438 \u0432\u043e\u0432\u0441\u0435 \u2014 \u0432\u043f\u0438\u0441\u0430\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0432 \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u044d\u043a\u0440\u0430\u043d\u0430 \u043f\u043e \u043c\u0435\u043d\u044c\u0448\u0435\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438. \u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u044d\u0442\u043e \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0445 \u044d\u043a\u0440\u0430\u043d\u043e\u0432, \u0430 \u0442\u0430\u043a\u0436\u0435, \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u044b\u0445 \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u043e\u0432 4:3. \u042f \u0443\u0436 \u043c\u043e\u043b\u0447\u0443 \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u043e\u0435 \u0432\u0438\u0434\u0435\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0432\u043e\u043e\u0431\u0449\u0435 \u0440\u0430\u0441\u0442\u044f\u043d\u0443\u0442\u043e \u043f\u043e \u043e\u0434\u043d\u043e\u0439 \u0438\u0437 \u0441\u0442\u043e\u0440\u043e\u043d \u0438 \u044d\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043a\u0430\u043a-\u0442\u043e \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c.<\/p>\n<p>  \u0414\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u043e\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u044f \u0437\u0430\u0434\u0443\u043c\u0430\u043b \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u043e\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u043f\u043e\u0434 Chrome \u0438 Firefox. \u0418\u0434\u0435\u044f \u0442\u0430\u043a\u0430\u044f: \u043f\u0440\u0438 \u043f\u0440\u043e\u0438\u0433\u0440\u044b\u0432\u0430\u043d\u0438\u0438 \u043b\u044e\u0431\u043e\u0433\u043e \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u043e\u0433\u043e \u0432\u0438\u0434\u0435\u043e \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0435 \u043c\u0435\u043d\u044e, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u043b\u044c\u043d\u043e \u043c\u0435\u043d\u044f\u0442\u044c \u043c\u0430\u0441\u0448\u0442\u0430\u0431 \u0438 \u0441\u043e\u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435 \u0441\u0442\u043e\u0440\u043e\u043d \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438.  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-313387","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/313387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=313387"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/313387\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=313387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=313387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=313387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}