javascript - 猫头鹰轮播不显示图片和视频(Owl Carousel not showing pictures AND video)

Question

I am using Owl Carousel to display pictures but I want to throw some videos on there.

(我正在使用Owl Carousel来显示图片，但是我想在上面放一些视频。)

I have looked at other issues on here and it seems the only options given are to use either all pictures or all videos.

(我看过这里的其他问题，看来唯一给出的选择是使用所有图片或所有视频。)

Can someone tell me whats wrong here?

(有人可以告诉我这里有什么问题吗？)

I pasted all of my code into codepen, but im not sure why codepen isn't showing it.

(我将所有代码粘贴到了Codepen中，但是我不确定为什么Codepen没有显示它。)

Everything works except the video displaying in this slide:

(除此幻灯片中显示的视频外，其他所有操作都可以：)

<div class="post-slide">
          <div class="post-img">
            <a class="owl-video" href="https://www.youtube.com/watch?v=J49el9Fl8lM"></a>
          </div>
          <div class="post-content">
            <div class="post-date">
              <span class="month">MAY</span>
              <span class="date">2</span>
            </div>
            <h5 class="post-title"><a href="#">Professional of the Quarter</a></h5>
            <p class="post-description">
              Turkey Man is named Professional of the Quarter in our Jupiter community!
            </p>
          </div>
          <ul class="post-bar">
            <li> <i class="fa fa-user"></i> <a href="#">Ashley Smith</a> </li>
            <li> <i class="fa fa-comments"></i> <a href="#">2</a> </li>
            <li> <i class="fa fa-thumbs-up"></i> <a href="#">2 Likes</a> </li>
          </ul>
        </div>

https://codepen.io/the_man_coding_machine/pen/oNNKVXP

(https://codepen.io/the_man_coding_machine/pen/oNNKVXP)

I just want to be able to have a video instead of a picture, and the video to autoplay.

(我只希望能够拥有视频而不是图片，并且能够自动播放视频。)

I already saw Owl Carousel not displaying videos and this didn't help.

(我已经看到Owl Carousel没有显示视频 ，但这没有帮助。)

  ask by Gordon Snappleweed translate from so

Answer 1

等待大神答复