视频

处理参考

<th:block th:if="${article.media != null}">
  <div class="detail-media-box">
    <video
      class="detail-media-video"
      th:src="${article.media.url}"
      controls
    ></video>

    <div class="intro-box">
      <div class="video-intro-title">
        <div class="inner-title">视频简介</div>
      </div>

      <div style="height: 20px"></div>

      <div
        th:if="${!#strings.isEmpty(article.summary)}"
        class="intro-text"
        th:text="${article.summary}"
      ></div>

      <div class="detail-content-statement">
        声明：凡注明来源七一客户端、七一网的作品，均系当代党员杂志社原创出品，欢迎转载并请注明来源七一客户端；转载作品如涉及版权等问题，请及时联系我们处理。
      </div>
    </div>

    <!--  -->
  </div>
</th:block>

.detail-media-box {
  padding: 20px 0;
}
.detail-media-box .detail-media-video {
  display: block;
  width: 730px;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .detail-media-box .detail-media-video {
    width: 100%;
  }
}