4 lines
34 KiB
HTML
4 lines
34 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="fr-FR"><head>
|
||
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes"> <link rel="canonical" href="https://vimeo.com/242768475"> <title>KMSVideo from Ari Rodriguez on Vimeo</title> <style> body, html, .player, .fallback { overflow: hidden; width: 100%; height: 100%; margin: 0; padding: 0; background-color: transparent; } .player.loading { opacity: 0; } </style> <script src="242768475_data/player.js"></script><script> !function(){if('PerformanceLongTaskTiming' in window){var g=window.__tti={e:[]}; g.o=new PerformanceObserver(function(l){g.e=g.e.concat(l.getEntries())}); g.o.observe({entryTypes:['longtask']})}}(); </script> <!--[if IE]><script>var cacheBuster = '?' + Math.round((Math.random() * 1000) + new Date().getTime());</script><![endif]--> <link rel="stylesheet" href="242768475_data/player.css"><style data-player="98963b15-3551-4a1e-9d76-85553e0ca648"></style></head> <body class="vp-center"> <div class="vp-placeholder vp-placeholder-fadeout" style="visibility: visible;"> <style> .vp-placeholder, .vp-placeholder-thumb, .vp-placeholder-thumb::before, .vp-placeholder-thumb::after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .vp-placeholder { visibility: hidden; width: 100%; max-height: 100%; height: calc(1080 / 1920 * 100vw); max-width: calc(1920 / 1080 * 100vh); margin: auto; } .vp-placeholder-carousel { display: none; background-color: #000; position: absolute; left: 0; right: 0; bottom: -60px; height: 60px; } </style> <style> .vp-placeholder-thumb { overflow: hidden; width: 100%; max-height: 100%; margin: auto; } .vp-placeholder-thumb::before, .vp-placeholder-thumb::after { content: ""; display: block; filter: blur(7px); margin: 0; background: url(https://i.vimeocdn.com/video/666721068.jpg?mw=80&q=85) 50% 50% / contain no-repeat; } .vp-placeholder-thumb::before { margin: -30px; } </style> <div class="vp-placeholder-thumb"></div> <div class="vp-placeholder-carousel"></div> <script> (function(document) { var placeholder = document.querySelector('.vp-placeholder'); var placeholderThumb = document.querySelector('.vp-placeholder-thumb'); var videoWidth = parseInt('1920'); var videoHeight = parseInt('1080'); var thumb = new Image(); thumb.onload = function() { var videoAspectRatio = videoWidth / videoHeight; var imageAspectRatio = this.width / this.height; if (imageAspectRatio <= 0.95 * videoAspectRatio || imageAspectRatio >= 1.05 * videoAspectRatio) { var rect = placeholder.getBoundingClientRect(); var placeholderWidth = rect.right - rect.left; var placeholderHeight = rect.bottom - rect.top; var viewportWidth = window.innerWidth / placeholderWidth * 100; var viewportHeight = window.innerHeight / placeholderHeight * 100; placeholderThumb.style.height = 'calc(' + this.height + ' / ' + this.width + ' * ' + viewportWidth + 'vw)'; placeholderThumb.style.maxWidth = 'calc(' + this.width + ' / ' + this.height + ' * ' + viewportHeight + 'vh)'; } placeholder.style.visibility = 'visible'; }; thumb.src = "https://i.vimeocdn.com/video/666721068.jpg?mw=80&q=85"; }(document)); </script> </div> <div id="player" class="player player-98963b15-3551-4a1e-9d76-85553e0ca648 js-player-fullscreen with-fullscreen with-sticky-custom-logo player-tiny player-xxs player-cardsCorner" style="max-width: calc(177.778vh); height: calc(56.25vw);"><div class="vp-video-wrapper transparent"><div class="vp-video"><div class="vp-telecine invisible"><video preload="none" tabindex="-1" style=""></video></div></div><div class="vp-preview" data-thumb="https://i.vimeocdn.com/video/666721068.jpg" data-thumb-width="0" style="background-image: url("https://i.vimeocdn.com/video/666721068.jpg");"></div><div class="vp-shade vp-shade-invisible"></div><div class="vp-nudge-shade vp-nudge-shade-left vp-nudge-shade-invisible"></div><div class="vp-nudge-shade vp-nudge-shade-right vp-nudge-shade-invisible"></div><div class="vp-spin vp-spin-invisible"> <svg class="vp-spin-trace" viewBox="0 0 50 50" focusable="false"><circle cx="50%" cy="50%" r="20"
|
||
|
|
</body></html>
|