-
<div class="video-top-wrapper lframe" id="video-top-wrapper-{{$video.id}}">
- {{* v4.0.0 of VideoJS requires that there be a "data-setup" tag in the
- <video> element for it to process the tag *}}
{{* set preloading to none to lessen the load on the server *}}
- <video id="video-{{$video.id}}" class="video-js vjs-default-skin"
- controls preload="none" data-setup="" width="400" height="264">
- <source src="{{$video.src}}" type="{{$video.mime}}" />
+ <video controls preload="none" data-setup="" width="100%" height="auto">
+ <source src="{{$video.src}}" type="{{$video.mime}}" />
</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>*}}
- {{if $delete_url }}
- <form method="post" action="{{$delete_url}}">
+{{if $delete_url }}
+ <form method="post" action="{{$delete_url}}">
<input type="submit" name="delete" value="X" class="video-delete"></input>
<input type="hidden" name="id" value="{{$video.id}}"></input>
- </form>
- {{/if}}
+ </form>
+{{/if}}
</div>
-
-<link href="library/video-js/video-js.css" rel="stylesheet">
-<script src="library/video-js/video.js"></script>
-<script>
- videojs.options.flash.swf = "{{$baseurl}}/library/video-js/video-js.swf"
-</script>
-
margin: 0px 10px 10px 0px;
position: relative;
}
-.videos .video-top-wrapper .video-js {
- width: 300px!important;
- height: 232px!important;
-}
.videos .video-top-wrapper .video-delete {
position: absolute;
opacity: 0;
+++ /dev/null
-<script src="library/video-js/video.js"></script>
-<script>
- videojs.options.flash.swf = "{{$baseurl}}/library/video-js/video-js.swf"
-</script>
-
+++ /dev/null
-<link href="library/video-js/video-js.css" rel="stylesheet">
-
+++ /dev/null
-<script src="library/video-js/video.js"></script>
-<script>
- videojs.options.flash.swf = "{{$baseurl}}/library/video-js/video-js.swf"
-</script>
-
+++ /dev/null
-<link href="library/video-js/video-js.css" rel="stylesheet">
-
margin: 0 10px 10px 0;
position: relative;
}
-.videos .video-top-wrapper .video-js {
- width: 200px!important;
- height: 132px!important;
-}
.videos .video-top-wrapper .video-delete {
position: absolute;
opacity: 0;
margin: 0 10px 10px 0;
position: relative;
}
-.videos .video-top-wrapper .video-js {
- width: 200px!important;
- height: 132px!important;
-}
.videos .video-top-wrapper .video-delete {
position: absolute;
opacity: 0;
margin: 0 10px 10px 0;
position: relative;
}
-.videos .video-top-wrapper .video-js {
- width: 200px!important;
- height: 132px!important;
-}
.videos .video-top-wrapper .video-delete {
position: absolute;
opacity: 0;
margin: 0 10px 10px 0;
position: relative;
- .video-js {
- width: 200px!important;
- height: 132px!important;
- }
-
.video-delete {
position: absolute;
opacity: 0;
margin: 0px 10px 10px 0px;
position: relative;
}
-.videos .video-top-wrapper .video-js {
- width: 300px!important;
- height: 232px!important;
-}
.videos .video-top-wrapper .video-delete {
position: absolute;
opacity: 0;