как показать миниатюры видео в пользовательском запросе, нажав на заголовок сообщения?

Question

У меня проблема с динамическими c bootstrap кодами. Я должен показать видео миниатюры каждого сообщения, и когда пользователь нажимает на название каждого сообщения, показывается соответствующее видео собственного сообщения. код:

<div class="row">
          <div class="col-md-5">
            <div id="tv" class="text-center mt-4">
              this is post video thumbnail.
            </div>
          </div>
          <div class="col-md-7">
            <ul class="pr-0 video-list-ul">
              <div class="card-carousel">
                <div class="owl-carousel owl-theme">
                    <div class="item">
                      <li class="bg-light h-100 d-inline-block w-100 mb-1">
                        <a href="#">
                          <div class="video-list-text float-right">
                            <h3 class="text-right small text-warning p-2 mb-0">
                              this is post title.
                            </h3>
                            <p class="text-right small text-dark p-2 m-0">
                            this is post excerpt.
                            </p>
                          </div>
                        </a>
                      </li>
                  </div>
                </div>
              </div>
            </ul>
          </div>
        </div>

введите описание изображения здесь