Announcement

Collapse
No announcement yet.

Using an Image block to play a video

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Using an Image block to play a video

    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,

    Marshall
    http://www.hmcdisplay.com
    http://www.churchonwheels.com

  • 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:

    Code:
    <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 -->
    Matt Zimmermann
    Director of UI/UX Standards and Theme Development
    / Miva, Inc.

    Comment


    • I got it working, using a content black instead of an image block. Thanks,
      Marshall
      http://www.hmcdisplay.com
      http://www.churchonwheels.com

      Comment

      Working...
      X