.elementor-26395 .elementor-element.elementor-element-003bd8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26395 .elementor-element.elementor-element-da048db{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-26395 .elementor-element.elementor-element-16742a8{--display:flex;}.elementor-26395 .elementor-element.elementor-element-bdaf56b{width:100%;max-width:100%;}.elementor-26395 .elementor-element.elementor-element-0cbe0aa{--display:flex;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26395 .elementor-element.elementor-element-38af806 > .elementor-widget-container{padding:20px 20px 20px 20px;background-color:#F3F3F3;border-radius:12px 12px 12px 12px;}@media(min-width:768px){.elementor-26395 .elementor-element.elementor-element-0cbe0aa{--width:50%;}}/* Start custom CSS */<style>
  #trilio-gate{position:relative;display:block;width:100%;max-width:100%;border-radius:8px;overflow:hidden;}
  #trilio-gate .trg-link{display:block;width:100%;line-height:0;cursor:pointer;}
  #trilio-gate .trg-link img{display:block;width:100%;height:auto;max-width:100%;transition:opacity .2s;}
  #trilio-gate .trg-link:hover img{opacity:.92;}
  #trilio-gate.trg-open{aspect-ratio:16/9;background:#000;}
  #trilio-gate.trg-open iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
</style>

<div id="trilio-gate" data-youtube="90QMjIY3KPU">
  <a href="#register" class="trg-link" aria-label="Register to watch the webinar">
    <img src="https://triliostg.wpengine.com/wp-content/uploads/2026/09/A-_-Gated-_register-to-watch_-scaled.webp"
         alt="Register to watch: What replaces SRM on OpenShift Virtualization or OpenStack"
         width="1600" height="900" loading="eager">
  </a>
</div>

<script>
(function () {
  var KEY = 'trilio_webinar_srm';
  var box = document.getElementById('trilio-gate');
  if (!box) return;
  var id = box.getAttribute('data-youtube');
  var done = false;

  function unlock(fromSubmit) {
    if (done) return; done = true;
    if (fromSubmit) { try { localStorage.setItem(KEY, '1'); } catch (e) {} }
    box.classList.add('trg-open');
    box.innerHTML = '<iframe src="https://www.youtube-nocookie.com/embed/' + id +
      '?rel=0&modestbranding=1' + (fromSubmit ? '&autoplay=1' : '') +
      '" title="Webinar recording" allow="autoplay; encrypted-media; picture-in-picture" allowfullscreen></iframe>';
    document.body.classList.add(fromSubmit ? 'webinar-unlocked' : 'webinar-returning');
  }
  window.trilioUnlockVideo = unlock;

  var link = box.querySelector('.trg-link');
  if (link) link.addEventListener('click', function (e) {
    var form = document.getElementById('register');
    if (form) {
      e.preventDefault();
      form.scrollIntoView({ behavior: 'smooth', block: 'start' });
      var first = form.querySelector('input');
      if (first) setTimeout(function () { first.focus(); }, 600);
    }
  });

  try { if (localStorage.getItem(KEY) === '1') unlock(false); } catch (e) {}

  window.addEventListener('message', function (e) {
    if (e.data && e.data.type === 'hsFormCallback' && e.data.eventName === 'onFormSubmitted') unlock(true);
  });
  window.addEventListener('hs-form-event:on-submission:success', function () { unlock(true); });
})();
</script>/* End custom CSS */