Portfolio Video on Hover

Description

hover Portfolio image – video appears
view demo – password: abc
buy me a coffee

#1. Install Code

#1.1. Make sure you use Portfolio Grid: Simple or Grid: Overlay

#1.2. Next, click on each Portfolio item > Click Settings

#1.3. Click SEO > at SEO Description, enter Vimeo URL

#1.4. Click Gear icon on Portfolio Page

#1.5. Click Advanced > Paste this code

If you use Personal/Basic Plan and your plan doesn’t support Injection, see #3.1

<!-- 07.26c11v1 Portfolio Video on Hover -->
<script>
window.PortfolioVideoConfig = {
  gridItemSelector: ".grid-item",
  imageWrapperSelector: ".grid-image-inner-wrapper",
  controls: false,
  loop: true,
  videoAspect: 16 / 9
};
</script>
<script src="https://code.beaverhero.com/portfolio/0726c11v1portfoliovideohover.js"></script>

#2. Customize

nothing now

#3. Other

#3.1. If you use Personal/Basic Plan and your plan doesn’t support Injection, you can edit Site Footer

Add a Markdown Block

Add this code into Markdown

<script>
window.PortfolioVideoConfig = {
  gridItemSelector: ".grid-item",
  imageWrapperSelector: ".grid-image-inner-wrapper",
  controls: false,
  loop: true,
  videoAspect: 16 / 9
};
</script>
<script src="https://code.beaverhero.com/portfolio/0726c11v1portfoliovideohover.js"></script>