Yadciel/Titan
1
0
Fork 0
mirror of https://github.com/TitanEmbeds/Titan.git synced 2025-11-03 23:37:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

Better video players, does not autoplay

Browse Source
This commit is contained in:
Jeremy Zhang
2018-06-30 07:30:54 +00:00
parent 32b47921e5
commit e00ddf1f3c
3 changed files with 20 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
webapp/titanembeds/static/css/embed.css
View File

@@ -782,6 +782,11 @@ p.mentioned span.chatmessage {
max-width: none;
}
.richembed .video {
width: 100%;
max-width: 450px;
}
#chatcontent img.attachment {
width: 100%;
max-width: 300px;
@@ -795,6 +800,11 @@ p.mentioned span.chatmessage {
max-height: none;
}
#chatcontent .player {
width: 100%;
max-width: 400px;
}
.wdt-emoji-popup {
position: fixed;
bottom: 5%;

2
webapp/titanembeds/static/js/embed.js
View File

@@ -962,6 +962,8 @@
}
if (message.attachments[i].url.endsWith(".png") || message.attachments[i].url.endsWith(".jpg") || message.attachments[i].url.endsWith(".jpeg") || message.attachments[i].url.endsWith(".gif")) {
attach += "<img class=\"attachment materialboxed\" src=\"" + message.attachments[i].url + "\">";
} else if (message.attachments[i].url.endsWith(".mp4")) {
attach += "<video class=\"player\" src=\"" + message.attachments[i].url + "\" frameborder=\"0\" allow=\"encrypted-media\" allowfullscreen controls preload poster=\"" + message.attachments[i].proxy_url + "?format=png\"></video>";
} else {
attach += message.attachments[i].url;
}

9
webapp/titanembeds/templates/embed.html.j2
View File

@@ -415,7 +415,14 @@
{{/description}}
{{/isVideo}}
{{#isVideo}}
<iframe class="video" src="{{video.url}}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<div class="video">
{{#video.proxy_url}}
<video class="player" src="{{video.url}}" frameborder="0" allow="encrypted-media" allowfullscreen controls preload poster="{{thumbnail.proxy_url}}"></video>
{{/video.proxy_url}}
{{^video.proxy_url}}
<iframe class="player" src="{{video.url}}" frameborder="0" allow="encrypted-media" allowfullscreen></iframe>
{{/video.proxy_url}}
</div>
{{/isVideo}}
{{#fields.length}}
<div class="fields">