Portfolio Image – Video

Description

change portfolio image to video (or change to video on hover)
view demo – password: abc
buy me a coffee

#1. Install Code

#1.1. First, use this code to Portfolio Page Header Injection

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

<!-- 10.26c27v3 Portfolio Image - Video -->
<script>
window.PortfolioVideoConfig = {
  gridSelector: '#gridThumbs',
  mode: 'autoplay', // hover | autoplay
  showControls: false
};
</script>
<script src="https://code.beaverhero.com/portfolio/1026c27v3portfolioimgvideo.js"></script>

#1.2. Next, edit each Portfolio Item > Add a Code Block with syntax like this

<div data-featured-video="https://vimeo.com/222842052"></div>

#1.3. Note: You can use Mp4 url, Vimeo or Youtube

#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 an Embed Block

Click Code Snippet > Embed Data > Paste this code

<script>
window.PortfolioVideoConfig = {
  gridSelector: '#gridThumbs',
  mode: 'autoplay', // hover | autoplay
  showControls: false
};
</script>
<script src="https://code.beaverhero.com/portfolio/1026c27v3portfolioimgvideo.js"></script>