#2033 - Add Flowplayer 5 to play HTML5 videos.

- add Flowplayer 5 to lib/flowplayer-html5
- move existing Flash Flowplayer to lib/flowplayer-flash
- update page.html.php and movieplayer.html.php

--HG--
rename : lib/flowplayer.controls.swf => lib/flowplayer-flash/flowplayer.controls.swf
rename : lib/flowplayer.js => lib/flowplayer-flash/flowplayer.js
rename : lib/flowplayer.pseudostreaming-byterange.swf => lib/flowplayer-flash/flowplayer.pseudostreaming-byterange.swf
rename : lib/flowplayer.pseudostreaming.swf => lib/flowplayer-flash/flowplayer.pseudostreaming.swf
rename : lib/flowplayer.swf => lib/flowplayer-flash/flowplayer.swf

1 files changed, 158 insertions, 0 deletions

diff --git a/lib/flowplayer-html5/skin/functional.css b/lib/flowplayer-html5/skin/functional.css
new file mode 100644
index 00000000..df98b4ea
--- /dev/null
+++ b/lib/flowplayer-html5/skin/functional.css
@@ -0,0 +1,158 @@
+.flowplayer{position:relative;width:100%;text-align:left;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
+.flowplayer *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none}
+.flowplayer a:focus{outline:0}
+.flowplayer video{width:100%}
+.flowplayer.is-ipad video{-webkit-transform:translateX(-2048px);}
+.is-ready.flowplayer.is-ipad video{-webkit-transform:translateX(0)}
+.flowplayer .fp-engine,.flowplayer .fp-ui,.flowplayer .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
+.flowplayer .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
+.flowplayer .fp-message h2{font-size:120%;margin-bottom:1em}
+.flowplayer .fp-message p{color:#666;font-size:95%}
+.flowplayer .fp-controls{position:absolute;bottom:0;width:100%;}
+.no-background.flowplayer .fp-controls{background-color:transparent !important;background-image:-moz-linear-gradient(transparent,transparent) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(transparent)) !important}
+.is-fullscreen.flowplayer .fp-controls{bottom:3px}
+.is-mouseover.flowplayer .fp-controls{bottom:0}
+.flowplayer .fp-waiting{display:none;margin:19% auto;text-align:center;}
+.flowplayer .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
+.flowplayer .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
+.flowplayer .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
+.flowplayer .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
+.flowplayer .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
+.flowplayer .fp-waiting p{color:#ccc;font-weight:bold}
+.flowplayer .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;}
+.flowplayer .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
+.flowplayer .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;}
+.is-help.flowplayer .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
+.flowplayer .fp-help .fp-help-section{margin:3%}
+.flowplayer .fp-help .fp-help-basics{margin-top:6%}
+.flowplayer .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
+.flowplayer .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333}
+.flowplayer .fp-help small{font-size:90%;color:#aaa}
+.flowplayer .fp-help .fp-close{display:block}
+@media (max-width: 600px){.flowplayer .fp-help p{font-size:9px}
+}.flowplayer .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}
+.flowplayer .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;}
+.flowplayer .fp-subtitle p:after{content:'';clear:both}
+.flowplayer .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
+.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(img/white.png);background-size:37px 300px;}
+.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(img/black.png);}
+@media (-webkit-min-device-pixel-ratio: 2){.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(img/black@x2.png)}
+}@media (-webkit-min-device-pixel-ratio: 2){.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(img/white@x2.png)}
+}.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:12%;}
+@media (-webkit-min-device-pixel-ratio: 2){.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(img/play_white@x2.png) center no-repeat;background-size:12%}
+}.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(img/play_black.png)}
+@media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(img/play_black@x2.png)}
+}.is-fullscreen.flowplayer .fp-ui{background-size:auto}
+.is-seeking.flowplayer .fp-ui,.is-loading.flowplayer .fp-ui{background-image:none}
+.flowplayer .fp-logo{position:absolute;top:auto;left:15px;bottom:40px;cursor:pointer;display:none;z-index:100;}
+.flowplayer .fp-logo img{width:100%}
+.is-embedded.flowplayer .fp-logo{display:block}
+.fixed-controls.flowplayer .fp-logo{bottom:15px}
+.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-close{position:absolute;top:10px;left:auto;right:10px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer}
+.flowplayer .fp-unload,.flowplayer .fp-close{background-position:14px -175px;display:none}
+.flowplayer .fp-play{display:none;width:27px;height:30px;background-position:9px -24px;position:absolute;bottom:0;left:0;}
+.play-button.flowplayer .fp-play{display:block}
+.is-paused.flowplayer .fp-play{background-position:9px 7px}
+.flowplayer.is-ready.is-closeable .fp-unload{display:block}
+.flowplayer.is-ready.is-closeable .fp-fullscreen{display:none}
+.flowplayer.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important}
+.flowplayer.is-fullscreen .fp-unload,.flowplayer.is-fullscreen .fp-close{display:none !important}
+.flowplayer .fp-timeline{height:3px;position:relative;overflow:hidden;top:10px;height:10px;margin:0 165px 0 55px;}
+.no-volume.flowplayer .fp-timeline{margin-right:75px}
+.no-mute.flowplayer .fp-timeline{margin-right:55px}
+.play-button.flowplayer .fp-timeline{margin-left:72px}
+.is-long.flowplayer .fp-timeline{margin:0 195px 0 85px;}
+.no-volume.is-long.flowplayer .fp-timeline{margin-right:105px}
+.no-mute.is-long.flowplayer .fp-timeline{margin-right:85px}
+.play-button.is-long.flowplayer .fp-timeline{margin-left:102px}
+.aside-time.flowplayer .fp-timeline,.no-time.flowplayer .fp-timeline{margin:0 120px 0 10px}
+.aside-time.no-volume.flowplayer .fp-timeline,.no-time.no-volume.flowplayer .fp-timeline{margin-right:30px}
+.aside-time.no-mute.flowplayer .fp-timeline,.no-time.no-mute.flowplayer .fp-timeline{margin-right:10px}
+.play-button.no-time.flowplayer .fp-timeline,.play-button.aside-time.flowplayer .fp-timeline{margin-left:27px}
+.flowplayer .fp-buffer,.flowplayer .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
+.flowplayer .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
+.flowplayer .fp-volume{position:absolute;top:11px;right:10px}
+.flowplayer .fp-mute{width:10px;height:15px;float:left;position:relative;top:-3.5px;left:;cursor:pointer;background-position:-2px -99px;}
+.no-mute.flowplayer .fp-mute{display:none}
+.flowplayer .fp-volumeslider{width:90px;height:8px;cursor:col-resize;float:left;}
+.no-volume.flowplayer .fp-volumeslider{display:none}
+.flowplayer .fp-volumelevel{height:100%}
+.flowplayer .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;}
+.flowplayer .fp-time.is-inverted .fp-duration{display:none}
+.flowplayer .fp-time.is-inverted .fp-remaining{display:inline}
+.flowplayer .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:10px}
+.no-time.flowplayer .fp-time{display:none}
+.is-long.flowplayer .fp-time em{width:65px}
+.flowplayer .fp-elapsed{left:10px;}
+.play-button.flowplayer .fp-elapsed{left:27px}
+.flowplayer .fp-remaining,.flowplayer .fp-duration{right:120px;color:#eee;}
+.no-volume.flowplayer .fp-remaining,.no-volume.flowplayer .fp-duration{right:30px}
+.no-mute.flowplayer .fp-remaining,.no-mute.flowplayer .fp-duration{right:10px}
+.flowplayer .fp-remaining{display:none}
+.flowplayer.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff}
+.flowplayer.color-light .fp-remaining,.flowplayer.color-light .fp-duration{color:#666}
+.flowplayer.aside-time .fp-time{position:absolute;top:10px;left:10px;bottom:auto !important;width:100px;}
+.flowplayer.aside-time .fp-time strong,.flowplayer.aside-time .fp-time em{position:static}
+.flowplayer.aside-time .fp-time .fp-elapsed{margin-right:10px}
+.flowplayer.is-long.aside-time .fp-time{width:130px}
+.flowplayer.is-splash,.flowplayer.is-poster{cursor:pointer;}
+.flowplayer.is-splash .fp-controls,.flowplayer.is-poster .fp-controls,.flowplayer.is-splash .fp-fullscreen,.flowplayer.is-poster .fp-fullscreen,.flowplayer.is-splash .fp-unload,.flowplayer.is-poster .fp-unload,.flowplayer.is-splash .fp-time,.flowplayer.is-poster .fp-time,.flowplayer.is-splash .fp-embed,.flowplayer.is-poster .fp-embed{display:none !important}
+.flowplayer.is-poster .fp-engine{top:-9999em}
+.flowplayer.is-loading .fp-waiting{display:block}
+.flowplayer.is-loading .fp-controls,.flowplayer.is-loading .fp-time{display:none}
+.flowplayer.is-loading .fp-ui{background-position:-9999em}
+.flowplayer.is-seeking .fp-waiting{display:block}
+.flowplayer.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333}
+.flowplayer.is-error{border:1px solid #909090;background:#fdfdfd !important;}
+.flowplayer.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
+.flowplayer.is-error .fp-message{display:block}
+.flowplayer.is-error object,.flowplayer.is-error video,.flowplayer.is-error .fp-controls,.flowplayer.is-error .fp-time,.flowplayer.is-error .fp-subtitle{display:none}
+.flowplayer.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)}
+.flowplayer.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
+.flowplayer.is-mouseout .fp-timeline{margin:0 !important}
+.flowplayer.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
+.flowplayer.is-mouseout .fp-fullscreen,.flowplayer.is-mouseout .fp-unload,.flowplayer.is-mouseout .fp-elapsed,.flowplayer.is-mouseout .fp-remaining,.flowplayer.is-mouseout .fp-duration,.flowplayer.is-mouseout .fp-embed,.flowplayer.is-mouseout .fp-volume,.flowplayer.is-mouseout .fp-play{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
+.flowplayer.is-mouseover .fp-controls,.flowplayer.fixed-controls .fp-controls{height:30px}
+.flowplayer.is-mouseover .fp-fullscreen,.flowplayer.fixed-controls .fp-fullscreen,.flowplayer.is-mouseover .fp-unload,.flowplayer.fixed-controls .fp-unload,.flowplayer.is-mouseover .fp-elapsed,.flowplayer.fixed-controls .fp-elapsed,.flowplayer.is-mouseover .fp-remaining,.flowplayer.fixed-controls .fp-remaining,.flowplayer.is-mouseover .fp-duration,.flowplayer.fixed-controls .fp-duration,.flowplayer.is-mouseover .fp-embed,.flowplayer.fixed-controls .fp-embed,.flowplayer.is-mouseover .fp-logo,.flowplayer.fixed-controls .fp-logo,.flowplayer.is-mouseover .fp-volume,.flowplayer.fixed-controls .fp-volume,.flowplayer.is-mouseover .fp-play,.flowplayer.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
+.flowplayer.fixed-controls .fp-volume{display:block}
+.flowplayer.fixed-controls .fp-controls{bottom:-30px;}
+.is-fullscreen.flowplayer.fixed-controls .fp-controls{bottom:0}
+.flowplayer.fixed-controls .fp-time em{bottom:-20px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
+.is-fullscreen.flowplayer.fixed-controls .fp-time em{bottom:10px}
+.flowplayer.is-disabled .fp-progress{background-color:#999}
+.flowplayer .fp-embed{position:absolute;top:10px;left:10px;display:block;width:25px;height:20px;background-position:3px -237px}
+.flowplayer .fp-embed-code{position:absolute;display:none;top:10px;left:40px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;}
+.flowplayer .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333}
+.flowplayer .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc}
+.flowplayer .fp-embed-code label{display:block;color:#999}
+.flowplayer.is-embedding .fp-embed,.flowplayer.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
+.flowplayer.aside-time .fp-embed{left:100px}
+.flowplayer.aside-time .fp-embed-code{left:130px}
+.flowplayer.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
+.flowplayer.is-long.aside-time .fp-embed{left:130px}
+.flowplayer.no-time .fp-embed{left:10px !important}
+@-moz-keyframes pulse{0%{opacity:0}
+100%{opacity:1}
+}@-webkit-keyframes pulse{0%{opacity:0}
+100%{opacity:1}
+}@-o-keyframes pulse{0%{opacity:0}
+100%{opacity:1}
+}@-ms-keyframes pulse{0%{opacity:0}
+100%{opacity:1}
+}@keyframes pulse{0%{opacity:0}
+100%{opacity:1}
+}.flowplayer .fp-controls{background-color:#111}
+.flowplayer .fp-timeline{background-color:#555}
+.flowplayer .fp-buffer{background-color:#eee}
+.flowplayer .fp-progress{background-color:#4da5d8}
+.flowplayer .fp-volumelevel{background-color:#fff}
+.flowplayer .fp-volumeslider{background-color:#555}
+.flowplayer .fp-timeline,.flowplayer .fp-volumeslider{border:1px inset;border-color:rgba(0,0,0,0.2) rgba(17,17,17,0.05)}
+.flowplayer .fp-controls,.flowplayer .fp-progress{background-image:-moz-linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.01));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.4)),to(rgba(255,255,255,0.01)))}
+.flowplayer .fp-timeline,.flowplayer .fp-buffer,.flowplayer .fp-progress,.flowplayer .fp-volumeslider,.flowplayer .fp-volumelevel{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
+.flowplayer.color-light .fp-controls{background-color:#eee;background-image:-moz-linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.3));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0.01)),to(rgba(0,0,0,0.3)))}
+.flowplayer.color-light .fp-timeline,.flowplayer.color-light .fp-volumeslider{border-color:#eee #ccc}
+.flowplayer.color-light .fp-timeline,.flowplayer.color-light .fp-volumeslider{background-color:#ccc;font-size:10px}
+.flowplayer.color-alt .fp-progress{background-image:-moz-linear-gradient(#999,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#111))}
+.flowplayer.color-alt .fp-timeline,.flowplayer.color-alt .fp-volumeslider{background-color:#111}
+.flowplayer.color-alt2 .fp-progress{background-color:#900}