lumbung-theme/layouts/partials/video_box.html
2021-07-08 10:42:38 +02:00

30 lines
1.2 KiB
HTML

<div class='video-box'>
<div class='media' id='media-{{ .Params.uuid }}'>
<span class='video-thumbnail' id='thumb-{{ .Params.uuid }}'
href="https://tv.lumbung.space/videos/watch/{{ .Params.uuid }}"
onclick="loadPlayer(
'{{ .Params.uuid }}',
'https://tv.lumbung.space/videos/embed/{{ .Params.uuid }}'
)">
<img src="{{.Site.BaseURL}}{{ .File.Dir }}{{ .Params.preview_image }}">
<div class="video-thumbnail-duration-overlay">{{.Params.video_duration}}</div>
<div class="play-overlay">
<div class="play-icon"></div>
</div>
</span>
</div>
<div class='metadata'>
<div class='title'>{{ .Title }}</div>
<span class="description collapsed" id='vid-{{ .Params.uuid }}'> {{ .Content }}</span>
<div class='footer'>
<span class='channel'><a href='{{ .Params.channel_url }}'> {{ .Params.video_channel }}</a></span>
<span class='descr_button' id='toggle-button' onclick="toggleDescription('#vid-{{ .Params.uuid }}')"> <a href='#'> </a></span>
<span class='date'> <a href='https://tv.lumbung.space/videos/watch/{{ .Params.uuid }}'> {{ .Date.Format "Jan 02, 2006" }}</a></span>
</div>
</div>
</div>