77 lines
2.5 KiB
PHP
77 lines
2.5 KiB
PHP
<!-- 비디오 모달 템플릿 -->
|
|
<div class="modal video">
|
|
<div class="modal-content">
|
|
<div class="modal-body">
|
|
<div class="video-contents">
|
|
<div class="video-area">
|
|
<div class="video-box">
|
|
<iframe
|
|
id="videoFrame"
|
|
width="100%"
|
|
height="100%"
|
|
src=""
|
|
frameborder="0"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
|
allowfullscreen
|
|
>
|
|
</iframe>
|
|
</div>
|
|
</div>
|
|
<div class="video-info">
|
|
<div class="tit-box">
|
|
<div class="meta">
|
|
<span>인사이트</span>
|
|
<em>경제와사회</em>
|
|
</div>
|
|
<h3>회계를 조금이라도 이해하면 인생이 달라지는 이유</h3>
|
|
<div class="tit-right">
|
|
<button class="btn-comment"><i class="ico-comment"></i>0</button>
|
|
<label class="bookmark" for="video-bookmark-chk">
|
|
<input id="video-bookmark-chk" type="checkbox" value="" />
|
|
<span>북마크</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="desc"></div>
|
|
</div>
|
|
</div>
|
|
<div class="video-side">
|
|
<div class="video-header">
|
|
<h5 class="tit">관련영상</h5>
|
|
<span class="badge">소통</span>
|
|
<span class="close">×</span>
|
|
</div>
|
|
<div class="video-list">
|
|
<ul>
|
|
<!-- JS(loadRecommendedVideos)로 동적 렌더링 -->
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="comment-wrap">
|
|
<!-- 🔥 드래그 리사이저 추가 -->
|
|
<div class="comment-resizer">
|
|
<div class="resizer-handle"></div>
|
|
</div>
|
|
<!-- 댓글 목록 -->
|
|
<div class="comment-list-wrap">
|
|
<ul class="comment-list">
|
|
<!-- JS(get_comments.php)로 동적 렌더링 -->
|
|
</ul>
|
|
</div>
|
|
<!-- // 댓글 목록 -->
|
|
|
|
<!-- 댓글 입력 -->
|
|
<div class="comment-box">
|
|
<textarea placeholder="댓글을 작성해주세요"></textarea>
|
|
<div class="btn-area">
|
|
<button class="btn-cancel" disabled>취소</button>
|
|
<button class="btn-save" disabled>작성</button>
|
|
</div>
|
|
</div>
|
|
<!-- // 댓글 입력 -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|