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

      This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

      This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

      Accept