mirror of
https://github.com/tubearchivist/tubearchivist-frontend.git
synced 2024-11-04 19:30:13 +00:00
fix player wrapper and player channel links
This commit is contained in:
parent
42eec604a7
commit
279c4538ca
@ -117,7 +117,7 @@
|
|||||||
{% if videos %}
|
{% if videos %}
|
||||||
{% for video in videos %}
|
{% for video in videos %}
|
||||||
<div class="video-item {{ view_style }}">
|
<div class="video-item {{ view_style }}">
|
||||||
<a href="#player" data-src="/media/{{ video.source.media_url }}" data-thumb="/cache/{{ video.source.vid_thumb_url }}" data-title="{{ video.source.title }}" data-channel="{{ video.source.channel.channel_name }}" data-id="{{ video.source.youtube_id }}" onclick="createPlayer(this)">
|
<a href="#player" data-src="/media/{{ video.source.media_url }}" data-thumb="/cache/{{ video.source.vid_thumb_url }}" data-title="{{ video.source.title }}" data-channel="{{ video.source.channel.channel_name }}" data-channel-id="{{ video.source.channel.channel_id }}" data-id="{{ video.source.youtube_id }}" onclick="createPlayer(this)">
|
||||||
<div class="video-thumb-wrap {{ view_style }}">
|
<div class="video-thumb-wrap {{ view_style }}">
|
||||||
<div class="video-thumb">
|
<div class="video-thumb">
|
||||||
<img src="/cache/{{ video.source.vid_thumb_url }}" alt="video-thumb">
|
<img src="/cache/{{ video.source.vid_thumb_url }}" alt="video-thumb">
|
||||||
|
@ -66,7 +66,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<div id="player" class="player-wrapper"></div>
|
<div id="player" class="player-wrapper"></div>
|
||||||
<div class="boxed-content">
|
<div class="boxed-content">
|
||||||
<div id="player" class="video-player"></div>
|
|
||||||
<div class="view-controls">
|
<div class="view-controls">
|
||||||
<div class="toggle">
|
<div class="toggle">
|
||||||
<span>Hide watched videos:</span>
|
<span>Hide watched videos:</span>
|
||||||
@ -86,7 +85,7 @@
|
|||||||
{% if videos %}
|
{% if videos %}
|
||||||
{% for video in videos %}
|
{% for video in videos %}
|
||||||
<div class="video-item {{ view_style }}">
|
<div class="video-item {{ view_style }}">
|
||||||
<a href="#player" data-src="/media/{{ video.source.media_url }}" data-thumb="/cache/{{ video.source.vid_thumb_url }}" data-title="{{ video.source.title }}" data-channel="{{ video.source.channel.channel_name }}" data-id="{{ video.source.youtube_id }}" onclick="createPlayer(this)">
|
<a href="#player" data-src="/media/{{ video.source.media_url }}" data-thumb="/cache/{{ video.source.vid_thumb_url }}" data-title="{{ video.source.title }}" data-channel="{{ video.source.channel.channel_name }}" data-channel-id="{{ video.source.channel.channel_id }}" data-id="{{ video.source.youtube_id }}" onclick="createPlayer(this)">
|
||||||
<div class="video-thumb-wrap {{ view_style }}">
|
<div class="video-thumb-wrap {{ view_style }}">
|
||||||
<div class="video-thumb">
|
<div class="video-thumb">
|
||||||
<img src="/cache/{{ video.source.vid_thumb_url }}" alt="video-thumb">
|
<img src="/cache/{{ video.source.vid_thumb_url }}" alt="video-thumb">
|
||||||
|
@ -436,7 +436,8 @@ button:hover {
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.video-desc h3 {
|
.video-desc h3,
|
||||||
|
.player-title h3 {
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
@ -321,13 +321,6 @@ function createPlayer(button) {
|
|||||||
titleBar.appendChild(closeButton);
|
titleBar.appendChild(closeButton);
|
||||||
// played
|
// played
|
||||||
titleBar.appendChild(playedStatus);
|
titleBar.appendChild(playedStatus);
|
||||||
// video title
|
|
||||||
var videoTitleLink = document.createElement('a');
|
|
||||||
videoTitleLink.setAttribute('href', '/video/' + dataId + '/');
|
|
||||||
var videoTitle = document.createElement('h2');
|
|
||||||
videoTitle.innerText = mediaTitle;
|
|
||||||
videoTitleLink.appendChild(videoTitle);
|
|
||||||
titleBar.appendChild(videoTitleLink);
|
|
||||||
// channel title
|
// channel title
|
||||||
var channelTitleLink = document.createElement('a');
|
var channelTitleLink = document.createElement('a');
|
||||||
channelTitleLink.setAttribute('href', '/channel/' + mediaChannelId + '/');
|
channelTitleLink.setAttribute('href', '/channel/' + mediaChannelId + '/');
|
||||||
@ -335,6 +328,13 @@ function createPlayer(button) {
|
|||||||
channelTitle.innerText = mediaChannel;
|
channelTitle.innerText = mediaChannel;
|
||||||
channelTitleLink.appendChild(channelTitle);
|
channelTitleLink.appendChild(channelTitle);
|
||||||
titleBar.appendChild(channelTitleLink);
|
titleBar.appendChild(channelTitleLink);
|
||||||
|
// video title
|
||||||
|
var videoTitleLink = document.createElement('a');
|
||||||
|
videoTitleLink.setAttribute('href', '/video/' + dataId + '/');
|
||||||
|
var videoTitle = document.createElement('h2');
|
||||||
|
videoTitle.innerText = mediaTitle;
|
||||||
|
videoTitleLink.appendChild(videoTitle);
|
||||||
|
titleBar.appendChild(videoTitleLink);
|
||||||
// add titlebar
|
// add titlebar
|
||||||
playerElement.appendChild(titleBar);
|
playerElement.appendChild(titleBar);
|
||||||
// add whole
|
// add whole
|
||||||
|
Loading…
Reference in New Issue
Block a user