Change thumbnail click to open PiP directly instead of pop-up
This commit is contained in:
parent
d7e70e9d24
commit
453334f3e4
1 changed files with 2 additions and 6 deletions
|
|
@ -37,15 +37,11 @@
|
|||
{% set video_extensions = ["mp4", "avi", "mov", "wmv", "flv", "mkv", "webm", "m4v"] %}
|
||||
{% if signed_get_object_url and product.extensions.get("product") in video_extensions %}
|
||||
{% if request.popout_player_enabled and product.visibility == 1 and "preview" in product.extensions %}
|
||||
<a href="javascript:void(0)" onclick="openMediaPlayer('{{ product.id }}')" class="video-thumbnail-container">
|
||||
<a href="javascript:void(0)" onclick="openPipPlayer('{{ product.id }}')" class="video-thumbnail-container">
|
||||
<img src="{{ request.app["bucket.secure_uploads.get_endpoint"] }}/{{ product.s3_path }}/thumbnail1?ts={{ product.updated_timestamp }}" class="product-main" />
|
||||
<div class="video-play-overlay"></div>
|
||||
</a>
|
||||
<div class="video-click-to-play">
|
||||
<span onclick="openMediaPlayer('{{ product.id }}')" style="cursor:pointer;">▶ pop-out</span>
|
||||
|
|
||||
<span onclick="openPipPlayer('{{ product.id }}')" style="cursor:pointer; background:#333; padding:4px 8px; border-radius:4px;">📺 PiP</span>
|
||||
</div>
|
||||
<div class="video-click-to-play">click ▶ to play in picture-in-picture (right-click for always-on-top)</div>
|
||||
{% else %}
|
||||
<a href="{{ signed_get_object_url }}" target="_blank" class="video-thumbnail-container">
|
||||
<img src="{{ request.app["bucket.secure_uploads.get_endpoint"] }}/{{ product.s3_path }}/thumbnail1?ts={{ product.updated_timestamp }}" class="product-main" />
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue