haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-24 21:07:17 +00:00
Code Issues Releases Wiki Activity

[video file view] use videojs

Browse Source
This commit is contained in:
llj
2016-11-10 17:21:26 +08:00
parent 05ee191fcb
commit 9e48df9ca9
5 changed files with 31 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
media/css/video-js.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

BIN
media/js/video-js.swf Normal file
View File

Binary file not shown.

20
media/js/video.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

13
seahub/templates/view_file_video.html
View File

@@ -2,16 +2,21 @@
{% block extra_style %}{{block.super}}
{% if not err%}
<link rel="stylesheet" href="{{MEDIA_URL}}css/mediaelementplayer.css" />
<link rel="stylesheet" href="{{MEDIA_URL}}css/video-js.min.css" />
{% endif %}
{% endblock %}
{% block extra_script %}{{ block.super }}
{% if not err%}
<script src="{{MEDIA_URL}}js/mediaelement-and-player.min.js"></script>
<script src="{{MEDIA_URL}}js/video.min.js"></script>
<script type="text/javascript">
$('#file-view').html('<div class="video-container"><video src="{{raw_path}}" width="800" height="400"></video></div>');
$('video').mediaelementplayer(/* Options */);
$('#file-view').html('<div class="video-container"><video id="sf-video" src="{{raw_path}}" width="800" height="400" class="video-js vjs-default-skin"></video></div>');
videojs.options.flash.swf = "{{MEDIA_URL}}js/video-js.swf";
videojs('sf-video', {
'controls': true,
'autoplay': false,
'preload': 'auto'
});
</script>
{% endif %}
{% endblock %}

2
seahub/utils/__init__.py
View File

@@ -102,7 +102,7 @@ PREVIEW_FILEEXT = {
PDF: ('pdf',),
OPENDOCUMENT: ('odt', 'fodt', 'odp', 'fodp'),
MARKDOWN: ('markdown', 'md'),
VIDEO: ('mp4', 'ogv', 'webm', 'flv', 'wmv'),
VIDEO: ('mp4', 'ogv', 'webm', 'wmv', 'mov'),
AUDIO: ('mp3', 'oga', 'ogg'),
'3D': ('stl', 'obj'),
}