|
(→Actualizar Acumulados del Empleado)
|
(→Actualizar Acumulados del Empleado)
|
| Line 10: | |||
| <div class="youtube" id="_Jmisv1Spck"></div> | <div class="youtube" id="_Jmisv1Spck"></div> | ||
| + | <a class="popup-youtube" href="https://www.youtube.com/watch?v=CIV6o2qEKVM" data-effect="fadeIn"> | ||
| <script> | <script> | ||
| - | + | $('.popup-youtube, .popup-vimeo').magnificPopup({ | |
| - | // Find all the YouTube video embedded on a page | + | disableOn: 700, |
| - | var videos = document.getElementsByClassName("youtube"); | + | type: 'iframe', |
| - | + | mainClass: 'mfp-fade', | |
| - | for (var i=0; i<videos.length; i++) { | + | removalDelay: 160, |
| - | + | preloader: false, | |
| - | var youtube = videos[i]; | + | fixedContentPos: false, |
| - | + | iframe: { | |
| - | // Based on the YouTube ID, we can easily find the thumbnail image | + | patterns: { |
| - | var img = document.createElement("img"); | + | youtube: { |
| - | img.setAttribute("src", "http://i.ytimg.com/vi/" | + | index: 'youtube.com/', |
| - | + youtube.id + "/hqdefault.jpg"); | + | id: function(url) { |
| - | img.setAttribute("class", "thumb"); | + | var m = url.match(/[\\?\\&]v=([^\\?\\&]+)/); |
| - | + | if ( !m || !m[1] ) return null; | |
| - | + | return m[1]; | |
| - | // Overlay the Play icon to make it look like a video player | + | }, |
| - | var circle = document.createElement("div"); | + | src: 'https://www.youtube.com/embed/%id%?autoplay=1' |
| - | circle.setAttribute("class","circle"); | + | }, |
| - | + | vimeo: { | |
| - | youtube.appendChild(img); | + | index: 'vimeo.com/', |
| - | youtube.appendChild(circle); | + | id: function(url) { |
| - | + | var m = url.match(/(https?:\/\/)?(www.)?(player.)?vimeo.com\/([a-z]*\/)*([0-9]{6,11})[?]?.*/); | |
| - | // Attach an onclick event to the YouTube Thumbnail | + | if ( !m || !m[5] ) return null; |
| - | youtube.onclick = function() { | + | return m[5]; |
| - | + | }, | |
| - | // Create an iFrame with autoplay set to true | + | src: 'https://player.vimeo.com/video/%id%?autoplay=1' |
| - | var iframe = document.createElement("iframe"); | + | } |
| - | iframe.setAttribute("src", | + | } |
| - | "https://www.youtube.com/embed/" + this.id | + | } |
| - | + "?autoplay=1&autohide=1&border=0&wmode=opaque&enablejsapi=1"); | + | }); |
| - | |||
| - | // The height and width of the iFrame should be the same as parent | ||
| - | iframe.style.width = this.style.width; | ||
| - | iframe.style.height = this.style.height; | ||
| - | |||
| - | // Replace the YouTube thumbnail with YouTube HTML5 Player | ||
| - | this.parentNode.replaceChild(iframe, this); | ||
| - | |||
| - | }; | ||
| - | } | ||
| - | |||
| </script> | </script> | ||