<
link
href
=
"plugins/attach2/lib/lightzap/css/lightzap.css"
rel
=
"stylesheet"
type
=
"text/css"
/>
<
link
href
=
"plugins/attach2/lib/lightzap/css/lz-theme.css"
rel
=
"stylesheet"
type
=
"text/css"
/>
<
script
src
=
"plugins/attach2/lib/lightzap/js/lightzap.js"
></
script
>
<
style
type
=
"text/css"
>
.att-gallery { }
.att-gallery .att-item { margin:10px 20px 0 0; height:120px; width:120px; display:block; float:left; }
.att-gallery .att-item img { padding:1px; background:#666; border:2px solid #666; display:block; }
.att-gallery .att-item img:hover {border:2px solid #fff; }
</
style
>
<
div
class
=
"att-gallery clearfix"
>
<
video
id
=
"video_player"
class
=
"video-js vjs-default-skin"
controls
preload
=
"none"
width
=
"560"
height
=
"315"
poster
=
"themes/nemesis/img/poster.png"
data-setup
=
"{}"
>
<
source
src
=
"{ATTACH_ROW_PATH}"
type
=
'video/mp4'
/>
<
source
src
=
"{ATTACH_ROW_PATH}"
type
=
'video/webm'
/>
<
p
class
=
"vjs-no-js"
>To view this video please enable JavaScript, and consider upgrading to a web browser that <
a
href
=
"http://videojs.com/html5-video-support/"
target
=
"_blank"
>supports HTML5 video</
a
></
p
>
</
video
>
<
div
class
=
"att-item"
>
<
a
href
=
"{ATTACH_ROW_URL}"
data-lightzap
=
"attgal"
title
=
"{ATTACH_ROW_TITLE}"
><
img
src
=
"{ATTACH_ROW_ID|att_thumb($this,100,100,'crop')}"
alt
=
"{ATTACH_ROW_FILENAME}"
/></
a
>
</
div
>
<
table
class
=
"cells"
>
<
tr
>
<
td
class
=
"centerall width25"
>
<
img
src
=
"{ATTACH_ROW_EXT|att_icon($this,48)}"
alt
=
"{ATTACH_ROW_EXT}"
width
=
"48"
height
=
"48"
/>
</
td
>
<
td
class
=
"width50"
>
<
p
><
a
href
=
"{ATTACH_ROW_URL}"
title
=
"{ATTACH_ROW_TITLE}"
>{ATTACH_ROW_FILENAME}</
a
></
p
>
<
p
class
=
"small"
>{ATTACH_ROW_SIZE} ({PHP.L.att_downloads}: {ATTACH_ROW_COUNT})</
p
>
</
td
>
</
tr
>
</
table
>
</
div
>