Using an Image block to play a video

[marshallw]

I really like this theme and I am curretnly developing with it. I would like on of the images on the storyline to play a video. How do we make a image be a video instead of an image?

Thanks,

[Matt Zimmermann]

The easiest way might be to replace the image contents of the FIGURE element with the embed code from YouTube or Vimeo. Here's an example:

<section class="storefront-story storefront-story--flex-right" data-scroll="centerVertical once toggle(.animate-in, .animate-out--vertical)" data-scroll-showCallback="lazyImage">
    <figure class="storefront-story__image">
        <iframe width="978" height="541" src="https://www.youtube.com/embed/........" frameborder="0" allowfullscreen></iframe>    </figure>
    <div class="storefront-story__wrapper h-align-right">
        <header class="storefront-story__title secondary-font">Vantage Point.</header>
        <p class="storefront-story__content font--light">Materializing our imagination.</p>
    </div>
</section>
<!-- end .storefront-story -->

[marshallw]

I got it working, using a content black instead of an image block. Thanks,