[24676] | 1 | {html_head} |
---|
| 2 | <style> |
---|
| 3 | {literal} |
---|
| 4 | .vjs_layout { |
---|
| 5 | text-align: left; |
---|
| 6 | border: 2px solid rgb(221, 221, 221); |
---|
| 7 | padding: 1em; |
---|
| 8 | margin: 1em; |
---|
| 9 | } |
---|
| 10 | FORM.properties SPAN.property { |
---|
| 11 | width:100px; |
---|
| 12 | } |
---|
| 13 | {/literal} |
---|
| 14 | </style> |
---|
| 15 | {/html_head} |
---|
| 16 | |
---|
| 17 | This plugin add the open source HTML5 video player <a href="http://www.videojs.com/" target="_blank">VideoJS</a>. |
---|
| 18 | <br/><br/> |
---|
| 19 | Please read the <a href="https://github.com/xbgmsharp/piwigo-videojs/wiki" target="_blanck">plugin documentation</a> for additional information. |
---|
| 20 | |
---|
| 21 | <div class="vjs_layout"> |
---|
| 22 | <legend>{'Statistics'|@translate}</legend> |
---|
| 23 | <ul> |
---|
| 24 | <li class="update_summary_new">{$NB_VIDEOS} {'videos in your gallery'|@translate}</li> |
---|
| 25 | <li class="update_summary_new">{$NB_VIDEOS_THUMB} {'videos with poster and thumbnail'|@translate}</li> |
---|
| 26 | </ul> |
---|
| 27 | </div> |
---|
| 28 | |
---|
| 29 | <form method="post" action="" class="properties"> |
---|
| 30 | <fieldset> |
---|
| 31 | <legend>{'HTML5'|@translate}</legend> |
---|
| 32 | <ul> |
---|
| 33 | <li> |
---|
| 34 | <label><span class="property">{'PRELOAD'|@translate} : </span></label> |
---|
| 35 | <select name="vjs_preload"> |
---|
| 36 | {html_options options=$AVAILABLE_PRELOAD selected=$preload} |
---|
| 37 | </select> |
---|
| 38 | <br/><small>{'PRELOAD_DESC'|@translate}</small> |
---|
| 39 | </li> |
---|
| 40 | <li> |
---|
| 41 | <label><span class="property">{'CONTROLS'|@translate} : </span></label> |
---|
| 42 | <label><input type="radio" name="vjs_controls" value="true" {if $controls}checked="checked"{/if}/> {'Yes'|@translate}</label> |
---|
| 43 | <label><input type="radio" name="vjs_controls" value="false" {if not $controls}checked="checked"{/if}/> {'No'|@translate}</label> |
---|
| 44 | <br/><small>{'CONTROLS_DESC'|@translate}</small> |
---|
| 45 | </li> |
---|
| 46 | <li> |
---|
| 47 | <label><span class="property">{'AUTOPLAY'|@translate} : </span></label> |
---|
| 48 | <label><input type="radio" name="vjs_autoplay" value="true" {if $autoplay}checked="checked"{/if}/> {'Yes'|@translate}</label> |
---|
| 49 | <label><input type="radio" name="vjs_autoplay" value="false" {if not $autoplay}checked="checked"{/if}/> {'No'|@translate}</label> |
---|
| 50 | <br/><small>{'AUTOPLAY_DESC'|@translate}</small> |
---|
| 51 | </li> |
---|
| 52 | <li> |
---|
| 53 | <label><span class="property">{'LOOP'|@translate} : </span></label> |
---|
| 54 | <label><input type="radio" name="vjs_loop" value="true" {if $loop}checked="checked"{/if}/> {'Yes'|@translate}</label> |
---|
| 55 | <label><input type="radio" name="vjs_loop" value="false" {if not $loop}checked="checked"{/if}/> {'No'|@translate}</label> |
---|
| 56 | <br/><small>{'LOOP_DESC'|@translate}</small> |
---|
| 57 | </li> |
---|
| 58 | </ul> |
---|
| 59 | </fieldset> |
---|
| 60 | <fieldset> |
---|
| 61 | <legend>{'PLUGIN'|@translate}</legend> |
---|
| 62 | <ul> |
---|
| 63 | <li> |
---|
| 64 | <label><span class="property">{'SKIN'|@translate} : </span></label> |
---|
| 65 | <select name="vjs_skin"> |
---|
| 66 | {html_options options=$AVAILABLE_SKINS selected=$skin} |
---|
| 67 | </select> |
---|
| 68 | <br/><small>{'SKIN_DESC'|@translate}</small> |
---|
| 69 | </li> |
---|
| 70 | <li> |
---|
| 71 | <label><span class="property">{'CUSTOMCSS'|@translate} : </span></label> |
---|
| 72 | <textarea rows="5" cols="90" class="description" name="vjs_customcss" id="vjs_customcss">{$CUSTOM_CSS}</textarea> |
---|
| 73 | <br/><small>{'CUSTOMCSS_DESC'|@translate}</small> |
---|
| 74 | </li> |
---|
| 75 | <li> |
---|
| 76 | <label><span class="property">{'WIDTH'|@translate} : </span></label> |
---|
| 77 | <select name="vjs_max_width"> |
---|
| 78 | {html_options options=$AVAILABLE_WIDTH selected=$max_width} |
---|
| 79 | </select> |
---|
| 80 | <br/><small>{'WIDTH_DESC'|@translate}</small> |
---|
| 81 | </li> |
---|
| 82 | <ul> |
---|
| 83 | </fieldset> |
---|
| 84 | <p> |
---|
| 85 | <input class="submit" type="submit" value="{'Save Settings'|@translate}" name="submit"/> |
---|
| 86 | </p> |
---|
| 87 | </form> |
---|