kingpapa Posted September 5, 2020 Posted September 5, 2020 Site URL: https://www.leanprocurement.net/ Hi everyone, The video worked for years on Chrome without a problem. It works on other browsers. Any help will be greatly appreciated. Chris <script type="text/javascript"> $(window).bind("load", function() { if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { } else { var banner = $('#pageWrapper img').first(); if (banner.length === 0) banner = $('.index-section-wrapper > .index-section-image > img').first(); if (banner.length === 0) banner = $('#parallax-images img').first(); if (banner.length === 0) banner = $('.has-main-image img').first(); if (banner.length === 0) banner = $('#page-thumb img').first(); var url = "https://colin-mcintyre-t45w.squarespace.com/s/Untitled6.mp4"; banner.hide(); $('<video class="bannerVideo" autoplay="" loop="" preload><source src="' + url + '" type="video/mp4"></video>').insertAfter(banner); adjustBanner($('.bannerVideo'), banner); setTimeout(function() { adjustBanner($('.bannerVideo'), banner); }, 2000); $(window, banner).resize(function() { adjustBanner($('.bannerVideo'), banner); setTimeout(function() { adjustBanner($('.bannerVideo'), banner); }, 200); }); } function adjustBanner (video, banner) { video.css({ height: banner.css('height'), width: banner.css('width'), top: banner.css('top'), left: banner.css('left'), position: 'relative', 'object-fit': 'inherit' }); } }); </script> <style> #footer { display: none !important; } </style> <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function() { $( 'a[href^="http://"]' ).attr( 'target','_blank' ); }); </script>
Recommended Posts
Archived
This topic is now archived and is closed to further replies.