diff --git a/.gitignore b/.gitignore new file mode 100755 index 0000000..485dee6 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.idea diff --git a/LICENSE b/LICENSE old mode 100644 new mode 100755 diff --git a/README.md b/README.md old mode 100644 new mode 100755 index 820aafe..c4f91ed --- a/README.md +++ b/README.md @@ -1,12 +1,8 @@ # Anamorph.js -Small JavaScript plugin to simplify the inclusion of full screen responsive images and video on your website. -## Getting Started -You will require jQuery either installed locally or referenced remotely. -For example: -``` - -``` +JavaScript plugin to simplify the inclusion of full screen responsive images and video on your website. + ## Usage + Include a reference to Anamorph.js in your index page. ``` @@ -30,4 +26,4 @@ As some mobile devices and tablets do not allow autoplaying of video you can pas anamorph("test.mp4",0.5,"test.jpg"); ``` ## License -This project is unlicensed under The Unlicense - see the [LICENSE](LICENSE) file for details +This project is Unlicensed - see the [LICENSE](LICENSE) file for details. diff --git a/_config.yml b/_config.yml old mode 100644 new mode 100755 diff --git a/examples/example.html b/examples/example.html old mode 100644 new mode 100755 index 4d4bb5a..2702818 --- a/examples/example.html +++ b/examples/example.html @@ -2,7 +2,6 @@ Anamorph.js - @@ -13,7 +12,7 @@

Anamorph.js

- \ No newline at end of file + diff --git a/examples/example.jpg b/examples/example.jpg old mode 100644 new mode 100755 diff --git a/examples/example.mp4 b/examples/example.mp4 old mode 100644 new mode 100755 index e10db20..beef483 Binary files a/examples/example.mp4 and b/examples/example.mp4 differ diff --git a/examples/style.css b/examples/style.css old mode 100644 new mode 100755 diff --git a/examples/youtube_example.html b/examples/youtube_example.html old mode 100644 new mode 100755 index 01563c2..31d380b --- a/examples/youtube_example.html +++ b/examples/youtube_example.html @@ -2,8 +2,6 @@ Anamorph.js - -
@@ -15,4 +13,4 @@

Anamorph.js

- \ No newline at end of file + diff --git a/src/anamorph.js b/src/anamorph.js old mode 100644 new mode 100755 index 4397f7d..420d802 --- a/src/anamorph.js +++ b/src/anamorph.js @@ -1,36 +1,79 @@ -var an_media, an_overlay; -var w = $(window).width() * 1.5; -var h = $(window).height() * 1.5; +let an_media, an_overlay, an_over +const w = window.innerWidth * 1.5; +const h = window.innerHeight * 1.5; + +function fadeOutEffect(target) { + let fadeEffect = setInterval(function () { + if (target.style.opacity >= 0) { + target.style.opacity -= 0.1; + } else { + clearInterval(fadeEffect); + target.remove(); + } + }, 1); +}; function anamorph(an_media, an_overlay, an_backup) { - $.getScript('https://www.youtube.com/iframe_api'); - var isMobile = false; + + const source = 'https://www.youtube.com/iframe_api'; + let script = document.createElement('script'); + let prior = document.getElementsByTagName('script')[0]; + script.async = 1; + + script.onload = script.onreadystatechange = function( _, isAbort ) { + if(isAbort || !script.readyState || /loaded|complete/.test(script.readyState) ) { + script.onload = script.onreadystatechange = null; + script = undefined; + + } + }; + + script.src = source; + prior.parentNode.insertBefore(script, prior); + + let isMobile = false; if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0, 4))) isMobile = true; - var an_media_url = an_media.split('.'); - var an_media_id = an_media.split('/'); - var an_length = an_media_url.length - 1; - var an_yt_length = an_media_id.length - 1; - $(document.body).css({ - "margin": "0", - "background": "#000000" - }); - var an_style = "position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); width=auto; height=auto"; - var an_wrapper = "
"; - var an_over = "
"; - var an_video = ""; - var an_img = "
"; - var an_img_backup = "
"; - var an_youtube = "
"; - $(an_wrapper).prependTo('body'); - if (an_overlay == 'bw') { - $(an_over).appendTo('#an_wrapper').css('mix-blend-mode', 'saturation'); - } else if (an_overlay > 0) { - $(an_over).appendTo('#an_wrapper').css('opacity', an_overlay); + let an_media_url = an_media.split('.'); + let an_media_id = an_media.split('/'); + let an_length = an_media_url.length - 1; + let an_yt_length = an_media_id.length - 1; + document.body.style.margin = '0'; + document.body.background = '#000'; + const an_style = "z-index: -999; position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); width=auto; height=auto"; + let an_wrapper = document.createElement('div'); + an_wrapper.id = 'an_wrapper'; + an_wrapper.style.zIndex = '-997'; + document.body.prepend(an_wrapper); + + if (an_overlay) { + an_over = document.createElement('div'); + an_over.id = 'an_over'; + an_over.style.opacity = '1'; + an_over.style.zIndex = '-998'; + an_over.style.position = 'fixed'; + an_over.style.top = '0'; + an_over.style.backgroundColor = '#000'; + an_over.style.width = '100%'; + an_over.style.height = '100%'; + fadeOutEffect(an_over); + an_over.addEventListener('loadeddata', fadeOutEffect(an_over)); + an_wrapper.appendChild(an_over); + if (an_overlay == 'bw') { + an_wrapper.style.mixBlendMode = 'saturation'; + } else if (an_overlay > 0) { + an_wrapper.style.opacity = an_overlay; + } } + if (an_media.indexOf('youtube.com' || 'youtu.be') !== -1 && isMobile == false) { - $(an_youtube).appendTo('#an_wrapper'); + let an_youtube = document.createElement('div'); + an_youtube.id = 'an_ytplayer'; + an_youtube.width = w; + an_youtube.height = h; + an_youtube.setAttribute('style', an_style); + an_wrapper.appendChild(an_youtube); window.onYouTubePlayerAPIReady = function () { - var player = new YT.Player('an_ytplayer', { + let player = new YT.Player('an_ytplayer', { height: h, width: w, videoId: an_media_id[an_yt_length], @@ -59,7 +102,7 @@ function anamorph(an_media, an_overlay, an_backup) { player.playVideo(); } if (e.data === YT.PlayerState.PLAYING) { - $('#an_wrapper').fadeTo("slow", 1); + fadeOutEffect(an_over) } } } @@ -68,24 +111,36 @@ function anamorph(an_media, an_overlay, an_backup) { } else { if (an_media_url[an_length] == 'mp4' && isMobile == false) { - $(an_video).appendTo('#an_wrapper'); - var an_loadedvideo = document.getElementById('an_video'); - an_loadedvideo.addEventListener('playing', function () { - $('#an_wrapper').fadeTo("slow", 1); - }, false); - } else if (an_media_url[an_length] == 'jpg' | 'gif' | 'png') { - $(an_img).appendTo('#an_wrapper'); - $('#an_img').ready(function () { - $('#an_wrapper').fadeTo("slow", 1); - }); - } else if (an_media_url[an_length] == 'mp4' || an_media.indexOf('youtube.com' || 'youtu.be') !== -1 && isMobile == true) { - if (an_backup == null) { - console.log("You did not specify a backup image for mobile devices and tablets."); + let an_video = document.createElement('video'); + an_video.setAttribute('style', an_style); + an_video.id = 'an_video'; + an_video.muted = true; + an_video.autoplay = true; + an_video.loop = true; + let source = document.createElement('source'); + source.src = an_media; + source.setAttribute('type', 'video/mp4'); + an_over.addEventListener('playing', fadeOutEffect(an_over)); + an_video.appendChild(source); + an_wrapper.appendChild(an_video); + } else { + let an_img = document.createElement('div'); + an_img.setAttribute('style', an_style); + let img = document.createElement('img'); + img.setAttribute('style', an_style); + if (an_media_url[an_length] == 'jpg' | 'gif' | 'png') { + an_img.id = 'an_media'; + img.src = an_media; + } else if (an_media_url[an_length] == 'mp4' || an_media.indexOf('youtube.com' || 'youtu.be') !== -1 && isMobile == true) { + if (!an_backup) { + console.error("You did not specify a backup image for mobile devices and tablets."); + return; + } + an_img.id = 'an_backup'; + img.src = an_backup; } - $(an_img_backup).appendTo('#an_wrapper'); - $('#an_img_backup').ready(function () { - $('#an_wrapper').fadeTo("slow", 1); - }); + an_img.appendChild(img); + an_wrapper.appendChild(an_img); } } -} \ No newline at end of file +} diff --git a/src/anamorph.min.js b/src/anamorph.min.js old mode 100644 new mode 100755 index 1226ba0..7e968c0 --- a/src/anamorph.min.js +++ b/src/anamorph.min.js @@ -1 +1 @@ -function anamorph(a,b,c){$.getScript("https://www.youtube.com/iframe_api");var d=!1;(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4)))&&(d=!0);var e=a.split("."),f=a.split("/"),g=e.length-1,i=f.length-1;$(document.body).css({margin:"0",background:"#000000"});var j="position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); width=auto; height=auto",k="
",l="
",m="",n="
",o="
",p="
";if($(k).prependTo("body"),"bw"==b?$(l).appendTo("#an_wrapper").css("mix-blend-mode","saturation"):b>0&&$(l).appendTo("#an_wrapper").css("opacity",b),a.indexOf("youtube.com")!==-1&&0==d)$(p).appendTo("#an_wrapper"),window.onYouTubePlayerAPIReady=function(){var a=new YT.Player("an_ytplayer",{height:h,width:w,videoId:f[i],playerVars:{autoplay:1,controls:0,showinfo:0,modestbranding:1,loop:1,fs:0,cc_load_policty:0,iv_load_policy:3,autohide:0,rel:0,disablekb:1,enablejsapi:1,fs:0,playsinline:0},events:{onReady:function(a){a.target.mute()},onStateChange:function(b){b.data===YT.PlayerState.ENDED&&a.playVideo(),b.data===YT.PlayerState.PLAYING&&$("#an_wrapper").fadeTo("slow",1)}}})};else if("mp4"==e[g]&&0==d){$(m).appendTo("#an_wrapper");var q=document.getElementById("an_video");q.addEventListener("playing",function(){$("#an_wrapper").fadeTo("slow",1)},!1)}else"jpg"==e[g]|"gif"|"png"?($(n).appendTo("#an_wrapper"),$("#an_img").ready(function(){$("#an_wrapper").fadeTo("slow",1)})):("mp4"==e[g]||a.indexOf("youtube.com")!==-1&&1==d)&&(null==c&&console.log("You did not specify a backup image for mobile devices and tablets."),$(o).appendTo("#an_wrapper"),$("#an_img_backup").ready(function(){$("#an_wrapper").fadeTo("slow",1)}))}var an_media,an_overlay,w=1.5*$(window).width(),h=1.5*$(window).height(); \ No newline at end of file +let an_media,an_overlay,an_over;const w=1.5*window.innerWidth,h=1.5*window.innerHeight;function fadeOutEffect(a){let b=setInterval(function(){a.style.opacity>=0?a.style.opacity-=.1:(clearInterval(b),a.remove())},1)}function anamorph(c,f,q){let d=document.createElement("script"),n=document.getElementsByTagName("script")[0];d.async=1,d.onload=d.onreadystatechange=function(_,a){(a||!d.readyState||/loaded|complete/.test(d.readyState))&&(d.onload=d.onreadystatechange=null,d=void 0)},d.src="https://www.youtube.com/iframe_api",n.parentNode.insertBefore(d,n);let j=!1;(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4)))&&(j=!0);let k=c.split("."),p=c.split("/"),o=k.length-1,r=p.length-1;document.body.style.margin="0",document.body.background="#000";let g="z-index: -999; position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); width=auto; height=auto",a=document.createElement("div");if(a.id="an_wrapper",a.style.zIndex="-997",document.body.prepend(a),f&&((an_over=document.createElement("div")).id="an_over",an_over.style.opacity="1",an_over.style.zIndex="-998",an_over.style.position="fixed",an_over.style.top="0",an_over.style.backgroundColor="#000",an_over.style.width="100%",an_over.style.height="100%",fadeOutEffect(an_over),an_over.addEventListener("loadeddata",fadeOutEffect(an_over)),a.appendChild(an_over),"bw"==f?a.style.mixBlendMode="saturation":f>0&&(a.style.opacity=f)),-1!==c.indexOf("youtube.com")&& !1==j){let e=document.createElement("div");e.id="an_ytplayer",e.width=w,e.height=h,e.setAttribute("style",g),a.appendChild(e),window.onYouTubePlayerAPIReady=function(){let a=new YT.Player("an_ytplayer",{height:h,width:w,videoId:p[r],playerVars:{autoplay:1,controls:0,showinfo:0,modestbranding:1,loop:1,fs:0,cc_load_policty:0,iv_load_policy:3,autohide:0,rel:0,disablekb:1,enablejsapi:1,fs:0,playsinline:0},events:{onReady:function(a){a.target.mute()},onStateChange:function(b){b.data===YT.PlayerState.ENDED&&a.playVideo(),b.data===YT.PlayerState.PLAYING&&fadeOutEffect(an_over)}}})}}else if("mp4"==k[o]&& !1==j){let b=document.createElement("video");b.setAttribute("style",g),b.id="an_video",b.muted=!0,b.autoplay=!0,b.loop=!0;let l=document.createElement("source");l.src=c,l.setAttribute("type","video/mp4"),an_over.addEventListener("playing",fadeOutEffect(an_over)),b.appendChild(l),a.appendChild(b)}else{let i=document.createElement("div");i.setAttribute("style",g);let m=document.createElement("img");m.setAttribute("style",g),k[o],i.id="an_media",m.src=c,i.appendChild(m),a.appendChild(i)}}