basic video playback support using VideoJS

This commit is contained in:
Zach Prezkuta 2013-05-03 18:17:56 -06:00
commit fec4581f34
29 changed files with 5596 additions and 13 deletions

View file

@ -0,0 +1,22 @@
<div class="video-top-wrapper lframe" id="video-top-wrapper-{{$video.id}}">
{{*<!--<a href="{{$photo.link}}" class="photo-top-photo-link" id="photo-top-photo-link-{{$photo.id}}" title="{{$photo.title}}">
<img src="{{$photo.src}}" alt="{{$photo.alt}}" title="{{$photo.title}}" class="photo-top-photo{{$photo.twist}}" id="photo-top-photo-{{$photo.id}}" />
</a>-->*}}
{{*<video id="video-{{$video.id}}" class="video-js vjs-default-skin"
controls preload="auto" width="480" height="320"
poster="http://video-js.zencoder.com/oceans-clip.png">*}}
{{* v3.2.0 of VideoJS requires that there be a "data-setup" tag in the
<video> element for it to process the tag *}}
{{* set preloading to false to lessen the load on the server *}}
<video id="video-{{$video.id}}" class="video-js vjs-default-skin"
controls preload="false" data-setup="" width="400" height="264">
<source src="{{$video.src}}" type="{{$video.mime}}" />
{{*<source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
<source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />*}}
</video>
{{*<div class="video-top-album-name"><a href="{{$video.album.link}}" class="video-top-album-link" title="{{$video.album.alt}}" >{{$video.album.name}}</a></div>*}}
</div>

View file

View file

@ -0,0 +1,6 @@
<link href="library/video-js/video-js.min.css" rel="stylesheet">
<script src="library/video-js/video.min.js"></script>
<script>
_V_.options.flash.swf = "https://f.shmuz.in/library/video-js/video-js.swf"
</script>

View file

@ -0,0 +1,11 @@
<h3>{{$title}}</h3>
{{if $can_post}}
{{*<a id="video-top-upload-link" href="{{$upload.1}}">{{$upload.0}}</a>*}}
{{/if}}
<div class="videos">
{{foreach $videos as $video}}
{{include file="video_top.tpl"}}
{{/foreach}}
</div>
<div class="videos-end"></div>