Display HTML5 or Vimeo videos on product image gallery

Display Vimeo videos

Edit your product, add one or more custom field as below screenshot:

vimeo-custom-field

Enter the video ID to the custom field value. For example, Your Vimeo video iframe code is: <iframe src="https://player.vimeo.com/video/76979871?autoplay=1" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>, enter the video ID 76979871.

  • GitHub: https://github.com/tvlgiao/bc-raneystruckparts-supermarket-youtube-video-image-gallery
  • Demo: https://www.raneystruckparts.com/angry-duck-hood-ornament/#video-gallery