1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-25 06:33:48 +00:00

[video file view] use videojs

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

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

File diff suppressed because one or more lines are too long

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

Binary file not shown.

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

File diff suppressed because one or more lines are too long

View File

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

View File

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