title: Is it possible use a custom cursor over a Vimeo iframe using their player.js library?
body: <p>I have built a site for our design studio that features Vimeo videos embedded with Vimeo's Player.js library. We have a big custom cursor that is meant to be used over the entire site, however obviously the cursor doesn't work over iframes.</p>
  
  <p>I have used a workaround for looping videos (which don't need any user interaction) that puts an invisible pseudo-element over the player, thus allowing it to still be considered my domain.</p>
  
  <pre><code>.video__loop::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1;
  }
  </code></pre>
  
  <p>This page has examples of background looping videos that do not require controls, and therefore have no issues with the custom cursor:
  <a href="https://www.new.company/work/two-chairs" rel="nofollow noreferrer">https://www.new.company/work/two-chairs</a></p>
  
  <p>However, I also created a custom player with a timecode and play/pause that requires user interaction, so the cursor trick doesn't work, since I need people to be able to click the Vimeo object.</p>
  
  <p>This page has examples of the basic video player I made: <a href="https://www.new.company/work/nike-chantel-navarro" rel="nofollow noreferrer">https://www.new.company/work/nike-chantel-navarro</a></p>
  
  <p>Is it possible to pass a click through one object to another? Or is it possible to direct a click to the Vimeo object?</p>
  
  <p>According to the documentation, I should be able to use the play method as long as it's not on mobile (which I don't need to worry about since my cursor issue is not a problem there), but I wasn't able to get it to work. Currently I'm relying on direct interaction to start the video.</p>
  
  <p><a href="https://github.com/vimeo/player.js/" rel="nofollow noreferrer">https://github.com/vimeo/player.js/</a></p>
  
  <pre><code>play(): Promise&lt;void, (PasswordError|PrivacyError|Error)&gt;
  Play the video if it’s paused. Note: on iOS and some other mobile
  devices, you cannot programmatically trigger play. Once the viewer
  has tapped on the play button in the player, however, you will be
  able to use this function.
  </code></pre>