Play Vimeo on Hover

Description

• play Vimeo video on hover vimeo (it supports Video Block, Embed Block, Code Block)
• view demo – password: abc
• buy me a coffee

#1. Install Code

#1.1. Hover on page where you use Vimeo > Click Gear icon

#1.2. Click Advanced > Paste this code

• If you use Personal/Basic Plan and your plan doesn’t support Injection, see step #2.1.

<!-- 07.26c23v4 Play Vimeo on Hover -->
<script>
window.VimeoHoverPlayConfig = {
  scope: '',
  muted: true,
  loop: true,
  hideControls: false,
  hideTitleBar: false,
  resetOnLeave: true,
  restartOnEnter: false,
  requireHoverSupport: true,
  debug: false
};
</script>
<script src="https://code.beaverhero.com/video/0726c23v4playvimeoonhover.js"></script>

#2. Customize

#2.1. If you use Personal/Basic Plan and your plan doesn’t support Injection, you can add a Block under video > Choose Markdown.

Then paste this code into Markdown

<script>
window.VimeoHoverPlayConfig = {
  scope: '',
  muted: true,
  loop: true,
  hideControls: false,
  hideTitleBar: false,
  resetOnLeave: true,
  restartOnEnter: false,
  requireHoverSupport: true,
  debug: false
};
</script>
<script src="https://code.beaverhero.com/video/0726c23v4playvimeoonhover.js"></script>