--- /dev/null
+\r
+/*\r
+* jQuery UI CSS Framework\r
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)\r
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.\r
+* To view and modify this theme, visit http://jqueryui.com/themeroller/\r
+*/\r
+\r
+/*** Begin CORE ***/\r
+\r
+/* Layout helpers\r
+----------------------------------*/\r
+.ui-helper-hidden { display: none; }\r
+.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }\r
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }\r
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }\r
+.ui-helper-clearfix { display: inline-block; }\r
+/* required comment for clearfix to work in Opera \*/\r
+* html .ui-helper-clearfix { height:1%; }\r
+.ui-helper-clearfix { display:block; }\r
+/* end clearfix */\r
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }*/\r
+\r
+\r
+/* Interaction Cues\r
+----------------------------------*/\r
+.ui-state-disabled { cursor: default !important; }\r
+\r
+\r
+/* Icons\r
+----------------------------------*/\r
+\r
+/* states and images */\r
+.ui-icon { display: block; text-indents: -99999px; overflow: hidden; background-repeat: no-repeat; }\r
+\r
+\r
+/* Misc visuals\r
+----------------------------------*/\r
+\r
+/* Overlays */\r
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }\r
+\r
+/*** End Core ***/\r
+\r
+\r
+/*** Begin THEME ***/\r
+\r
+/* Component containers\r
+----------------------------------*/\r
+.ui-widget { font-family: Arial,sans-serif/*{ffDefault}*/; font-size: 11px/*{fsDefault}*/; }\r
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif/*{ffDefault}*/; font-size: 11px; }\r
+.ui-widget-content { border: none/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png) 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*//*{bgContentRepeat}*/; color: #A9A9A9/*{fcContent}*/; }\r
+.ui-widget-content a { color: #A9A9A9/*{fcContent}*/; }\r
+.ui-widget-header { border: none/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*//*{bgHeaderRepeat}*/; color: #565656/*{fcHeader}*/; font-weight: bold; }\r
+.ui-widget-header a { color: #000/*{fcHeader}*/; }\r
+\r
+\r
+\r
+/* Interaction states\r
+----------------------------------*/\r
+.ui-state-default, .ui-widget-content .ui-state-default { border: none/*{borderColorDefault}*/; background: none/*{bgColorDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*//*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #333/*{fcDefault}*/; outline: none; }\r
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000/*{fcDefault}*/; text-decoration: none; outline: none; }\r
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: none/*{borderColorHover}*/; background: none/*{bgColorHover}*/ none /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*//*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #222/*{fcHover}*/; outline: none; }\r
+.ui-state-hover a, .ui-state-hover a:hover { color: #000/*{fcHover}*/; text-decoration: none; outline: none; }\r
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #ccc/*{borderColorActive}*/; background: none/*{bgColorActive}*/ /*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*//*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; outline: none; }\r
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; }\r
+\r
+/* Interaction Cues\r
+----------------------------------*/\r
+.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*//*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }\r
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }\r
+.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png) 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*//*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }\r
+.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a/*{fcError}*/; }\r
+.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }\r
+.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }\r
+.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }\r
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }\r
+\r
+/* Icons\r
+----------------------------------*/\r
+\r
+/* states and images */\r
+.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }\r
+.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }\r
+.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }\r
+.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }\r
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }\r
+.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }\r
+.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }\r
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }\r
+\r
+/* positioning */\r
+.ui-icon-carat-1-n { background-position: 0 0; }\r
+.ui-icon-carat-1-ne { background-position: -16px 0; }\r
+.ui-icon-carat-1-e { background-position: -32px 0; }\r
+.ui-icon-carat-1-se { background-position: -48px 0; }\r
+.ui-icon-carat-1-s { background-position: -64px 0; }\r
+.ui-icon-carat-1-sw { background-position: -80px 0; }\r
+.ui-icon-carat-1-w { background-position: -96px 0; }\r
+.ui-icon-carat-1-nw { background-position: -112px 0; }\r
+.ui-icon-carat-2-n-s { background-position: -128px 0; }\r
+.ui-icon-carat-2-e-w { background-position: -144px 0; }\r
+.ui-icon-triangle-1-n { background-position: 0 -16px; }\r
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }\r
+.ui-icon-triangle-1-e { background-position: -32px -16px; }\r
+.ui-icon-triangle-1-se { background-position: -48px -16px; }\r
+.ui-icon-triangle-1-s { background-position: -64px -16px; }\r
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }\r
+.ui-icon-triangle-1-w { background-position: -96px -16px; }\r
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }\r
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }\r
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }\r
+.ui-icon-arrow-1-n { background-position: 0 -32px; }\r
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }\r
+.ui-icon-arrow-1-e { background-position: -32px -32px; }\r
+.ui-icon-arrow-1-se { background-position: -48px -32px; }\r
+.ui-icon-arrow-1-s { background-position: -64px -32px; }\r
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }\r
+.ui-icon-arrow-1-w { background-position: -96px -32px; }\r
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }\r
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }\r
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }\r
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }\r
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }\r
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }\r
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }\r
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }\r
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }\r
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }\r
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }\r
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }\r
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }\r
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }\r
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }\r
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }\r
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }\r
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }\r
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }\r
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }\r
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }\r
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }\r
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }\r
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }\r
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }\r
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }\r
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }\r
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }\r
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }\r
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }\r
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }\r
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }\r
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }\r
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }\r
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }\r
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }\r
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }\r
+.ui-icon-arrow-4 { background-position: 0 -80px; }\r
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }\r
+.ui-icon-extlink { background-position: -32px -80px; }\r
+.ui-icon-newwin { background-position: -48px -80px; }\r
+.ui-icon-refresh { background-position: -64px -80px; }\r
+.ui-icon-shuffle { background-position: -80px -80px; }\r
+.ui-icon-transfer-e-w { background-position: -96px -80px; }\r
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }\r
+.ui-icon-folder-collapsed { background-position: 0 -96px; }\r
+.ui-icon-folder-open { background-position: -16px -96px; }\r
+.ui-icon-document { background-position: -32px -96px; }\r
+.ui-icon-document-b { background-position: -48px -96px; }\r
+.ui-icon-note { background-position: -64px -96px; }\r
+.ui-icon-mail-closed { background-position: -80px -96px; }\r
+.ui-icon-mail-open { background-position: -96px -96px; }\r
+.ui-icon-suitcase { background-position: -112px -96px; }\r
+.ui-icon-comment { background-position: -128px -96px; }\r
+.ui-icon-person { background-position: -144px -96px; }\r
+.ui-icon-print { background-position: -160px -96px; }\r
+.ui-icon-trash { background-position: -176px -96px; }\r
+.ui-icon-locked { background-position: -192px -96px; }\r
+.ui-icon-unlocked { background-position: -208px -96px; }\r
+.ui-icon-bookmark { background-position: -224px -96px; }\r
+.ui-icon-tag { background-position: -240px -96px; }\r
+.ui-icon-home { background-position: 0 -112px; }\r
+.ui-icon-flag { background-position: -16px -112px; }\r
+.ui-icon-calendar { background-position: -32px -112px; }\r
+.ui-icon-cart { background-position: -48px -112px; }\r
+.ui-icon-pencil { background-position: -64px -112px; }\r
+.ui-icon-clock { background-position: -80px -112px; }\r
+.ui-icon-disk { background-position: -96px -112px; }\r
+.ui-icon-calculator { background-position: -112px -112px; }\r
+.ui-icon-zoomin { background-position: -128px -112px; }\r
+.ui-icon-zoomout { background-position: -144px -112px; }\r
+.ui-icon-search { background-position: -160px -112px; }\r
+.ui-icon-wrench { background-position: -176px -112px; }\r
+.ui-icon-gear { background-position: -192px -112px; }\r
+.ui-icon-heart { background-position: -208px -112px; }\r
+.ui-icon-star { background-position: -224px -112px; }\r
+.ui-icon-link { background-position: -240px -112px; }\r
+.ui-icon-cancel { background-position: 0 -128px; }\r
+.ui-icon-plus { background-position: -16px -128px; }\r
+.ui-icon-plusthick { background-position: -32px -128px; }\r
+.ui-icon-minus { background-position: -48px -128px; }\r
+.ui-icon-minusthick { background-position: -64px -128px; }\r
+.ui-icon-close { background-position: -80px -128px; }\r
+.ui-icon-closethick { background-position: -96px -128px; }\r
+.ui-icon-key { background-position: -112px -128px; }\r
+.ui-icon-lightbulb { background-position: -128px -128px; }\r
+.ui-icon-scissors { background-position: -144px -128px; }\r
+.ui-icon-clipboard { background-position: -160px -128px; }\r
+.ui-icon-copy { background-position: -176px -128px; }\r
+.ui-icon-contact { background-position: -192px -128px; }\r
+.ui-icon-image { background-position: -208px -128px; }\r
+.ui-icon-video { background-position: -224px -128px; }\r
+.ui-icon-script { background-position: -240px -128px; }\r
+.ui-icon-alert { background-position: 0 -144px; }\r
+.ui-icon-info { background-position: -16px -144px; }\r
+.ui-icon-notice { background-position: -32px -144px; }\r
+.ui-icon-help { background-position: -48px -144px; }\r
+.ui-icon-check { background-position: -64px -144px; }\r
+.ui-icon-bullet { background-position: -80px -144px; }\r
+.ui-icon-radio-off { background-position: -96px -144px; }\r
+.ui-icon-radio-on { background-position: -112px -144px; }\r
+.ui-icon-pin-w { background-position: -128px -144px; }\r
+.ui-icon-pin-s { background-position: -144px -144px; }\r
+.ui-icon-play { background-position: 0 -160px; }\r
+.ui-icon-pause { background-position: -16px -160px; }\r
+.ui-icon-seek-next { background-position: -32px -160px; }\r
+.ui-icon-seek-prev { background-position: -48px -160px; }\r
+.ui-icon-seek-end { background-position: -64px -160px; }\r
+.ui-icon-seek-first { background-position: -80px -160px; }\r
+.ui-icon-stop { background-position: -96px -160px; }\r
+.ui-icon-eject { background-position: -112px -160px; }\r
+.ui-icon-volume-off { background-position: -128px -160px; }\r
+.ui-icon-volume-on { background-position: -144px -160px; }\r
+.ui-icon-power { background-position: 0 -176px; }\r
+.ui-icon-signal-diag { background-position: -16px -176px; }\r
+.ui-icon-signal { background-position: -32px -176px; }\r
+.ui-icon-battery-0 { background-position: -48px -176px; }\r
+.ui-icon-battery-1 { background-position: -64px -176px; }\r
+.ui-icon-battery-2 { background-position: -80px -176px; }\r
+.ui-icon-battery-3 { background-position: -96px -176px; }\r
+.ui-icon-circle-plus { background-position: 0 -192px; }\r
+.ui-icon-circle-minus { background-position: -16px -192px; }\r
+.ui-icon-circle-close { background-position: -32px -192px; }\r
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }\r
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }\r
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }\r
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }\r
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }\r
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }\r
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }\r
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }\r
+.ui-icon-circle-zoomin { background-position: -176px -192px; }\r
+.ui-icon-circle-zoomout { background-position: -192px -192px; }\r
+.ui-icon-circle-check { background-position: -208px -192px; }\r
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }\r
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }\r
+.ui-icon-circlesmall-close { background-position: -32px -208px; }\r
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }\r
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }\r
+.ui-icon-squaresmall-close { background-position: -80px -208px; }\r
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }\r
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }\r
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }\r
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }\r
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }\r
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }\r
+\r
+\r
+/* Misc visuals\r
+----------------------------------*/\r
+\r
+/* Corner radius */\r
+.ui-corner-tl { -moz-border-radius-topleft: 5px/*{cornerRadius}*/; -webkit-border-top-left-radius: 5px/*{cornerRadius}*/; }\r
+.ui-corner-tr { -moz-border-radius-topright: 5px/*{cornerRadius}*/; -webkit-border-top-right-radius: 5px/*{cornerRadius}*/; }\r
+.ui-corner-bl { -moz-border-radius-bottomleft: 5px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 5px/*{cornerRadius}*/; }\r
+.ui-corner-br { -moz-border-radius-bottomright: 5px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 5px/*{cornerRadius}*/; }\r
+.ui-corner-top { -moz-border-radius-topleft: 5px/*{cornerRadius}*/; -webkit-border-top-left-radius: 5px/*{cornerRadius}*/; -moz-border-radius-topright: 5px/*{cornerRadius}*/; -webkit-border-top-right-radius: 5px/*{cornerRadius}*/; }\r
+.ui-corner-bottom { -moz-border-radius-bottomleft: 5px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 5px/*{cornerRadius}*/; -moz-border-radius-bottomright: 5px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 5px/*{cornerRadius}*/; }\r
+.ui-corner-right { -moz-border-radius-topright: 5px/*{cornerRadius}*/; -webkit-border-top-right-radius: 5px/*{cornerRadius}*/; -moz-border-radius-bottomright: 5px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 5px/*{cornerRadius}*/; }\r
+.ui-corner-left { -moz-border-radius-topleft: 5px/*{cornerRadius}*/; -webkit-border-top-left-radius: 5px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 5px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 5px/*{cornerRadius}*/; }\r
+.ui-corner-all { -moz-border-radius: 5px/*{cornerRadius}*/; -webkit-border-radius: 5px/*{cornerRadius}*/; }\r
+\r
+/* Overlays */\r
+.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*//*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }\r
+.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*//*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; }\r
+\r
+\r
+
"download_segment" : "Download Selection:",
"download_full" : "Download Full Video File:",
"download_right_click": "To download right click and select <i>save target as</i>",
- "download_clip" : "Download the Clip",
+ "download_clip" : "Download Video",
"download_text" : "Download Text (<a style=\"color:white\" title=\"cmml\" href=\"http://wiki.xiph.org/index.php/CMML\">cmml</a> xml):",
+ "download" : "Download",
+
+ "share" : "Share",
+ "credits" : "Credits",
"clip_linkback" : "Clip Source Page",
+ "chose_player" : "Choose Video Player",
+
+ "share_this_video" : "Share This Video",
+ "video_credits" : "Video Credits",
+
+ "menu_btn" : "MENU",
+ "close_btn" : "CLOSE",
+
"mv_ogg-player-vlc-mozilla" : "VLC Plugin",
"mv_ogg-player-videoElement" : "Native Ogg Video Support",
"mv_generic_missing_plugin" : "You browser does not appear to support playback type: <b>$1</b><br> visit the <a href=\"http://commons.wikimedia.org/wiki/Commons:Media_help\">Playback Methods</a> page to download a player<br>",
"mv_for_best_experience": "For a better video playback experience we recommend:<br> <b><a href=\"http://www.mozilla.com/en-US/firefox/upgrade.html?from=mwEmbed\">Firefox 3.5</a></b>",
- "mv_do_not_warn_again": "Dissmiss for now."
+ "mv_do_not_warn_again": "Dissmiss for now.",
+
+ "players": "Players",
});
'options':true,
'borders':true
},
- getControls:function( embedObj ){
- js_log('f:controlsBuilder:: opt:' + this.options);
+ getControls:function( embedObj ){
+ js_log('f:controlsBuilder:: opt:');
this.id = (embedObj.pc)?embedObj.pc.pp.id:embedObj.id;
this.available_width = embedObj.playerPixelWidth();
//make pointer to the embedObj
- this.embedObj =embedObj;
+ this.embedObj = embedObj;
var _this = this;
for(var i in embedObj.supports){
_this.supports[i] = embedObj.supports[i];
};
- //special case vars:
- if( ( embedObj.roe ||
- (embedObj.media_element.timedTextSources &&
- embedObj.media_element.timedTextSources() )
- ) && embedObj.show_meta_link )
- this.supports['closed_captions']=true;
+ //check for close_captions tracks:
+ if( ( embedObj.roe || embedObj.timedTextSources() )
+ && embedObj.show_meta_link )
+ this.supports['closed_captions']=true;
-
- //append options to body (if not already there)
- if($j('#mv_vid_options_'+ctrlBuilder.id).length==0)
- $j('body').append( this.components['mv_embedded_options'].o() );
-
var o='';
for( var i in this.components ){
if( this.supports[i] ){
}
}
}
+ //add the options menu
+ o+=this.components['mv_embedded_options'].o( embedObj );
return o;
},
/*
* addControlHooks
* to be run once controls are attached to the dom
*/
- addControlHooks:function(embedObj){
+ addControlHooks:function( embedObj ){
//add in drag/seek hooks:
if(!embedObj.base_seeker_slider_offset && $j('#mv_seeker_slider_'+embedObj.id).get(0))
embedObj.base_seeker_slider_offset = $j('#mv_seeker_slider_'+embedObj.id).get(0).offsetLeft;
//js_log('looking for: #mv_seeker_slider_'+embedObj.id + "\n " +
// 'start sec: '+embedObj.start_time_sec + ' base offset: '+embedObj.base_seeker_slider_offset);
+
+ var $tp=$j('#' + embedObj.id);
+
+ //@todo: which object is being play()'d (or whatever) ?
+ //We select the element to attach the event to this way:
+ //$tp.find('.ui-icon-play').parent().click(function(){alert(0)}); or we can give the button itself a class - probably better.
- //add play hook:
- $j('#mv_play_pause_button_' + embedObj.id).unbind().btnBind().click(function(){
+ //add play hook for play-btn and large_play_button
+ $tp.find('.play-btn,.play-btn-large').unbind().btnBind().click(function(){
$j('#' + embedObj.id).get(0).play();
})
-
- //big_play_link_ play binding:
- $j('#big_play_link_' + embedObj.id).unbind().click(function(){
- $j('#' + embedObj.id).get(0).play();
- });
-
//add recomend firefox if non-native playback:
if( embedObj.doNativeWarningCheck() ){
$j('#dc_'+ embedObj.id).hover(
'</div>');
$j('#ffwarn_'+embedObj.id).click(function(){
if( $j(this).is(':checked') ){
- //set up a cookie for 7 days:
+ //set up a cookie for 5 days:
$j.cookie('dismissNativeWarn', true, { expires: 5 });
//set the current instance
_global['dismissNativeWarn'] = true;
$j('#big_play_link_' + embedObj.id).pngFix();
}
-
//captions binding:
$j('#timed_text_' + embedObj.id).unbind().btnBind().click(function(){
$j('#' + embedObj.id).get(0).showTextInterface();
});
js_log(" should add slider binding: " + $j('#mv_play_head_'+embedObj.id).length) ;
- $j('#mv_play_head_'+embedObj.id).slider({
+// $j('#mv_play_head_'+embedObj.id).slider({
+ $tp.find( '.j-scrubber' ).slider({
range: "min",
value: 0,
min: 0,
js_log('do jump to: '+embedObj.jump_time + ' perc:' +perc + ' sts:' + embedObj.seek_time_sec);
embedObj.doSeek(perc);
}
- }
+ }
+ });
+ //@todo: identify problem with volume button jumping...
+ $tp.find('.k-volume-slider').slider({
+ range: "min",
+ value: 80,
+ min: 0,
+ max: 100,
+ slide: function(event, ui) {
+ embedObj.updateVolumen(ui.value/100);
+ },
+ change: function(event, ui){
+ var level = ui.value/100;
+ if (level==0) {
+ $tp.find('.k-volume span').addClass('ui-icon-volume-off');
+ }else{
+ $tp.find('.k-volume span').removeClass('ui-icon-volume-off');
+ }
+ //only run the onChange event if done by a user slide:
+ if(embedObj.userSlide){
+ embedObj.userSlide=false;
+ embedObj.seeking=true;
+// var perc = ui.value/100;
+ embedObj.updateVolumen(level);
+ }
+ }
});
//up the z-index of the default status indicator:
- $j('#mv_play_head_'+embedObj.id + ' .ui-slider-handle').css('z-index', 4);
- $j('#mv_play_head_'+embedObj.id + ' .ui-slider-range').addClass('ui-corner-all').css('z-index', 2);
+// $j('#mv_play_head_'+embedObj.id + ' .ui-slider-handle').css('z-index', 4);
+// $j('#mv_play_head_'+embedObj.id + ' .ui-slider-range').addClass('ui-corner-all').css('z-index', 2);
//extended class list for jQuery ui themeing (we can probably refactor this with custom buffering highliter)
- $j('#mv_play_head_'+embedObj.id).append( ctrlBuilder.getMvBufferHtml() );
-
+ $j('#' + embedObj.id + ' .j-scrubber').prepend( ctrlBuilder.getMvBufferHtml() );
+
+
+ //options menu
+ $tp.find('.k-menu').hide();
+ $tp.find('.k-options').click(function(){
+ var $ktxt = $j(this).find('.ui-icon-k-menu');
+ var $kmenu = $tp.find('.k-menu');
+ if( $kmenu.is(':visible') ){
+ $kmenu.fadeOut("fast",function(){
+ $ktxt.html ( gM('menu_btn') );
+ });
+ $tp.find('.play-btn-large').fadeIn('fast');
+ }else{
+ $kmenu.fadeIn("fast", function(){
+ $ktxt.html ( gM('close_btn') );
+ });
+ $tp.find('.play-btn-large').fadeOut('fast');
+ }
+ });
+
+
//videoOptions:
- $j('#mv_vid_options_'+ctrlBuilder.id+' .vo_selection').click(function(){
+ $tp.find('.k-player-btn').click(function(){
embedObj.selectPlaybackMethod();
- $j('#mv_vid_options_'+ctrlBuilder.id).hide();
- return false;
+ return false;
});
- $j('#mv_vid_options_'+ctrlBuilder.id+' .vo_download').click(function(){
+
+ $tp.find('.k-download-btn').click(function(){
embedObj.showVideoDownload();
- $j('#mv_vid_options_'+ctrlBuilder.id).hide();
- return false;
- })
- $j('#mv_vid_options_'+ctrlBuilder.id+' .vo_showcode').click(function(){
+ return false;
+ });
+
+ $tp.find('.k-share-btn').click(function(){
embedObj.showEmbedCode();
- $j('#mv_vid_options_'+ctrlBuilder.id).hide();
- return false;
- });
-
+ return false;
+ });
+ $tp.find('.k-credits-btn').click(function(){
+ //@@todo show credits menu screen;
+ return false;
+ });
+
//volume binding:
+ $tp.find('.k-volume').unbind().btnBind().click(function(){
+ $tp.toggleMute();
+ });
+
var hoverOverDelay=false;
- $j('#volume_control_'+embedObj.id).unbind().btnBind().click(function(){
+ /*$j('#volume_control_'+embedObj.id).unbind().btnBind().click(function(){
$j('#' +embedObj.id).get(0).toggleMute();
- }).hover(
- function(){
+ });
+ .hover(
+ function(){
$j('#vol_container_' + embedObj.id).addClass('vol_container_top');
//set to "below" if playing and embedType != native
- if(embedObj && embedObj.isPlaying && embedObj.isPlaying() && !embedObj.supports['overlays']){
+ if(embedObj && embedObj.isPlaying() && !embedObj.supports['overlays']){
$j('#vol_container_' + embedObj.id).removeClass('vol_container_top').addClass('vol_container_below');
}
-
+
$j('#vol_container_' + embedObj.id).fadeIn('fast');
hoverOverDelay = true;
},
- function(){
- hoverOverDelay= false;
+ function(){
+ hoverOverDelay= false;
setTimeout(function doHideVolume(){
if(!hoverOverDelay){
$j('#vol_container_' + embedObj.id).fadeOut('fast');
}
- }, 500);
+ }, 500);
}
);
//Volumen Slider
$j('#volume_bar_'+embedObj.id).slider({
- orientation: "vertical",
+ orientation: "vertical",
range: "min",
value: 80,
min: 0,
- max: 100,
- slide: function(event, ui) {
- var perc = ui.value/100;
+ max: 100,
+ slide: function(event, ui) {
+ var perc = ui.value/100;
//js_log('update volume:' + perc);
- embedObj.updateVolumen(perc);
+ embedObj.updateVolumen(perc);
},
change:function(event, ui){
- var perc = ui.value/100;
+ var perc = ui.value/100;
if (perc==0) {
- $j('#volume_control_'+embedObj.id + ' span').removeClass('ui-icon-volume-on').addClass('ui-icon-volume-off');
- }else{
+ $j('#volume_control_'+embedObj.id + ' span').removeClass('ui-icon-volume-on').addClass('ui-icon-volume-off');
+ }else{
$j('#volume_control_'+embedObj.id + ' span').removeClass('ui-icon-volume-off').addClass('ui-icon-volume-on');
}
- //only run the onChange event if done by a user slide:
+ //only run the onChange event if done by a user slide:
if(embedObj.userSlide){
embedObj.userSlide=false;
- embedObj.seeking=true;
- var perc = ui.value/100;
- embedObj.updateVolumen(perc);
+ embedObj.seeking=true;
+ var perc = ui.value/100;
+ embedObj.updateVolumen(perc);
}
- }
- });
+ }
+ });*/
- },
+ },
getMvBufferHtml:function(){
- return '<div class="ui-slider-range ui-slider-range-min ui-widget-header ' +
- 'ui-state-highlight ui-corner-all '+
- 'mv_buffer" style="width:0px;height:100%;z-index:1;top:0px" />';
+ return '<div class="ui-slider-horizontal ui-corner-all ui-slider-buffer" />';
},
components:{
'borders':{
},
'mv_embedded_options':{
'w':0,
- 'o':function(){
- var o= '<div id="mv_vid_options_'+ctrlBuilder.id+'" class="videoOptions">'+
- '<div class="videoOptionsTop"></div>'+
- '<div class="videoOptionsBox">'+
- '<div class="block">'+
- '<h6>Video Options</h6>'+
- '</div>'+
- '<div class="block">'+
- '<p class="short_match vo_selection"><a href="#"><span>Stream Selection</span></a></p>'+
- '<p class="short_match vo_download"><a href="#"><span>Download</span></a></p>'+
- '<p class="short_match vo_showcode"><a href="#"><span>Share or Embed</span></a></p>';
-
- //link to the stream page if we are not already there:
- if( ctrlBuilder.embedObj.roe && typeof mv_stream_interface == 'undefined' )
- o+='<p class="short_match"><a href="javascript:$j(\'#'+ctrlBuilder.id+'\').get(0).doLinkBack()"><span><strong>Source Page</strong></span></a></p>';
-
- o+='</div>'+
- '</div><!--videoOptionsInner-->' +
- '<div class="videoOptionsBot"></div>' +
- '</div><!--videoOptions-->';
+ 'o':function( embedObj ){
+ var o= '' +
+ '<div class="k-menu ui-widget-content" ' +
+ 'style="width:' + embedObj.playerPixelWidth() + 'px; height:' + embedObj.playerPixelHeight() + 'px;">' +
+ '<ul class="k-menu-bar">' +
+ '<li class="k-players-btn"><a href="#player" title="'+ gM('players') +'">'+ gM('players') +'</a></li>' +
+ '<li class="k-download-btn"><a href="#player" title="'+ gM('download')+'">'+gM('download')+'</a></li>' +
+ '<li class="k-share-btn"><a href="#player" title="'+ gM('share')+'">'+gM('share')+'</a></li>' +
+ '<li class="k-credits-btn"><a href="#credits" title="'+ gM('credits')+'">'+gM('credits')+'</a></li>' +
+ '</ul>' +
+ '<div class="k-menu-screens" style="width:' + embedObj.playerPixelWidth() + 'px; height:' + embedObj.playerPixelHeight() + 'px;">' +
+ '<div class="k-screen k-players">' +
+ '<h2>' + gM('chose_player')+'</h2>' +
+ '</div>' +
+ '<div class="k-screen k-download">' +
+ '<h2>' + gM('download_clip')+'</h2>' +
+ '</div>' +
+ '<div class="k-screen k-players">' +
+ '<h2>' + gM('share_this_video') + '</h2>' +
+ '</div>' +
+ '<div class="k-screen k-players">' +
+ '<h2>' + gM('video_credits') + '</h2>' +
+ '</div>' +
+ '</div>' +
+ '</div>';
return o;
}
},
- 'fullscreen':{
- 'w':20,
+ 'pause':{
+ 'w':147, //28 147
'o':function(){
- return '<div title="' + gM('player_fullscreen') + '" id="fullscreen_'+ctrlBuilder.id+'" class="ui-state-default ui-corner-all ui-icon_link rButton"><span class="ui-icon ui-icon-arrow-4-diag"></span></div>'
+ return '<button class="play-btn ui-state-default ui-corner-all" title="' +
+ gM('play_clip') + '" ><span class="ui-icon ui-icon-play"></span></button>'
}
},
- 'options':{
- 'w':26,
+ 'play_head':{ // scrubber
+ 'w':0, //special case (takes up remaining space)
'o':function(){
- return '<div title="'+ gM('player_options') + '" id="options_button_'+ctrlBuilder.id+'" class="ui-state-default ui-corner-all ui-icon_link rButton"><span class="ui-icon ui-icon-wrench"></span></div>';
+ return '<div class="ui-slider ui-slider-horizontal ui-corner-all j-scrubber"' +
+ ' style="width:' + ( ctrlBuilder.available_width - 30 ) + 'px;"></div>'
}
},
- 'pause':{
- 'w':24,
+ 'time_display':{
+ 'w':36,
'o':function(){
- return '<div title="' + gM('play_clip') + '" id="mv_play_pause_button_' + ctrlBuilder.id + '" class="ui-state-default ui-corner-all ui-icon_link lButton"><span class="ui-icon ui-icon-play"/></div>';
+ return '<div class="k-timer">' + seconds2npt ( ctrlBuilder.embedObj.getDuration() ) + '</div>';
}
},
- 'closed_captions':{
- 'w':23,
+ 'volume_control':{
+ 'w':47,
'o':function(){
- return '<div title="' + gM('closed_captions') + '" id="timed_text_'+ctrlBuilder.id+'" class="ui-state-default ui-corner-all ui-icon_link rButton"><span class="ui-icon ui-icon-comment"></span></div>'
- }
+ return '<button class="ui-state-default ui-corner-all k-volume">' +
+ '<span class="ui-icon ui-icon-volume-on"></span>' +
+ '</button>' +
+ '<div class="ui-slider ui-slider-horizontal k-volume-slider"></div>';
+
+ //vertical volume control:
+ /* return '<div title="' + gM('volume_control') + '" id="volume_control_'+ctrlBuilder.id+'" class="ui-state-default ui-corner-all ui-icon_link rButton">' +
+ '<span class="ui-icon ui-icon-volume-on"></span>' +
+ '<div style="position:absolute;display:none;" id="vol_container_'+ctrlBuilder.id+'" class="vol_container ui-corner-all">' +
+ '<div class="volume_bar" id="volume_bar_' + ctrlBuilder.id + '"></div>' +
+ '</div>'+
+ '</div>';
+ */
+ }
},
- 'volume_control':{
- 'w':23,
+ 'closed_captions':{
+ 'w':24,
'o':function(){
- return '<div title="' + gM('volume_control') + '" id="volume_control_'+ctrlBuilder.id+'" class="ui-state-default ui-corner-all ui-icon_link rButton">' +
- '<span class="ui-icon ui-icon-volume-on"></span>' +
- '<div style="position:absolute;display:none;" id="vol_container_'+ctrlBuilder.id+'" class="vol_container ui-corner-all">' +
- '<div class="volume_bar" id="volume_bar_' + ctrlBuilder.id + '"></div>' +
- '</div>'+
- '</div>';
+ return '<div title="' + gM('closed_captions') + '" id="timed_text_' + ctrlBuilder.id +'" ' +
+ 'class="ui-state-default ui-corner-all ui-icon_link rButton">' +
+ '<span class="ui-icon ui-icon-comment"></span></div>';
}
},
- 'time_display':{
- 'w':90,
+ 'fullscreen':{
+ 'w':24,
'o':function(){
- return '<div id="mv_time_'+ctrlBuilder.id+'" class="ui-widget time">' + ctrlBuilder.embedObj.getTimeReq() + '</div>';
+ return '<button class="ui-state-default ui-corner-all k-fullscreen" title="' + gM('player_fullscreen') + '">' +
+ '<span class="ui-icon ui-icon-arrow-4-diag"></span></button>'
}
},
- 'play_head':{
- 'w':0, //special case (takes up remaining space)
+ 'options':{
+ 'w':50,
'o':function(){
- return '<div class="play_head" id="mv_play_head_' + ctrlBuilder.id + '" style="width: ' + ( ctrlBuilder.available_width - 30 ) + 'px;"></div>';
+ return '<button class="ui-state-default ui-corner-bl k-options" title="'+ gM('player_options') + '" >' +
+ '<span class="ui-icon ui-icon-k-menu">'+ gM('menu_btn') + '</span>'
+ '</button>'
}
- }
+ }
}
}
},
playerPixelWidth : function()
{
- var player = $j('#mv_embedded_player_'+this.id).get(0);
+ var player = $j('#dc_'+this.id).get(0);
if(typeof player!='undefined' && player['offsetWidth'])
return player.offsetWidth;
else
},
playerPixelHeight : function()
{
- var player = $j('#mv_embedded_player_'+this.id).get(0);
+ var player = $j('#dc_'+this.id).get(0);
if(typeof player!='undefined' && player['offsetHeight'])
return player.offsetHeight;
else
//return the duration
return this.duration;
},
+ timedTextSources:function(){
+ if(!this.media_element.timedTextSources)
+ return false;
+ return this.media_element.timedTextSources()
+ },
/*
* wrapEmebedContainer
* wraps the embed code into a container to better support playlist function
// if(!this.selected_player){
// return this.getPluginMissingHTML();
//Set "loading" here
- $j('#mv_embedded_player_'+_this.id).html(''+
+ $j('#dc_'+_this.id).html(''+
'<div style="color:black;width:'+this.width+'px;height:'+this.height+'px;">' +
gM('loading_plugin') +
'</div>'
js_log('performing embed for ' + _this.id);
var embed_code = _this.getEmbedHTML();
//js_log('shopuld embed:' + embed_code);
- $j('#mv_embedded_player_'+_this.id).html(embed_code);
+ $j('#dc_'+_this.id).html(embed_code);
});
},
onClipDone:function(){
var _this = this;
js_log('f:doThumbnailHTML'+ this.thumbnail_disp);
this.closeDisplayedHTML();
- $j( '#mv_embedded_player_' + this.id ).html( this.getThumbnailHTML() );
+ $j( '#dc_' + this.id ).html( this.getThumbnailHTML() );
this.paused = true;
this.thumbnail_disp = true;
},
return ctrlBuilder.getControls( this );
},
getHTML : function (){
- //@@todo check if we have sources avaliable
- js_log('embedVideo:getHTML : ' + this.id + ' resource type: ' + this.type);
- var _this = this;
- var html_code = '';
- html_code = '<div id="videoPlayer_'+this.id+'" style="width:'+this.width+'px;position:relative;" class="videoPlayer">';
- html_code += '<div style="width:'+parseInt(this.width)+'px;height:'+parseInt(this.height)+'px;" id="mv_embedded_player_'+this.id+'">' +
- this.getThumbnailHTML() +
- '</div>';
- //js_log("mvEmbed:controls "+ typeof this.controls);
- if( this.controls )
- {
+ js_log('f:getHTML : ' + this.id );
+ var _this = this;
+ var html_code = '';
+
+ //get the thumbnail:
+ html_code = this.getThumbnailHTML();
+
+ if(this.controls){
js_log("f:getHTML:AddControls");
- html_code +='<div id="mv_embedded_controls_' + this.id + '" class="ui-widget ui-corner-bottom ui-state-default controls" >';
+ html_code +='<div class="k-control-bar ui-widget-header ui-helper-clearfix">';
html_code += this.getControlsHTML();
html_code +='</div>';
//block out some space by encapulating the top level div
$j(this).wrap('<div style="width:'+parseInt(this.width)+'px;height:'
- +(parseInt(this.height)+ctrlBuilder.height)+'px"></div>');
- }
- html_code += '</div>'; //videoPlayer div close
+ + (parseInt(this.height) + ctrlBuilder.height )+'px" id="k-player_' + this.id + '" class="k-player"></div>');
+ }
+
//js_log('should set: '+this.id);
$j(this).html( html_code );
//add hooks once Controls are in DOM
this.thumbnail = this.media_element.getThumbnailURL();
//put it all in the div container dc_id
- thumb_html+= '<div id="dc_'+this.id+'" style="position:absolute;'+
+ thumb_html+= '<div id="dc_'+this.id+'" rel="emdded_play" style="position:relative;'+
' overflow:hidden; top:0px; left:0px; width:'+this.playerPixelWidth()+'px; height:'+this.playerPixelHeight()+'px; z-index:0;">'+
- '<img width="'+this.playerPixelWidth()+'" height="'+this.playerPixelHeight()+'" style="position:relative;width:'+this.playerPixelWidth()+';height:'+this.playerPixelHeight()+'"' +
- ' id="img_thumb_'+this.id+'" src="' + this.thumbnail + '">';
+ '<img width="' + this.playerPixelWidth() + '" height="' + this.playerPixelHeight() +
+ '" style="position:relative;width:'+this.playerPixelWidth()+';height:'+this.playerPixelHeight()+'"' +
+ ' id="img_thumb_' + this.id+'" src="' + this.thumbnail + '">';
- if(this.play_button == true && this.controls == true)
+ if( this.play_button == true && this.controls == true )
thumb_html+=this.getPlayButton();
- thumb_html+='</div>';
+ thumb_html+='</div>';
return thumb_html;
},
getEmbeddingHTML:function()
},
getPlayButton:function(id){
if(!id)id=this.id;
- return '<div title="' + gM('play_clip') + '" id="big_play_link_'+id+'" class="large_play_button" '+
+ return '<div title="' + gM('play_clip') + '" class="ui-state-default play-btn-large" '+
'style="left:'+((this.playerPixelWidth()-130)/2)+'px;'+
'top:' + ((this.playerPixelHeight()-96)/2) + 'px;">'+
- '<img src="' + mv_skin_img_path + 'player_big_play_button.png">'+
'</div>';
},
doLinkBack:function(){
var this_id = (this.pc!=null)?this.pc.pp.id:this.id;
var _this=this;
- var out= '<span style="color:#FFF;background-color:black;"><blockquote style="background-color:black;">';
+// var out= '<span style="color:#FFF;background-color:black;"><blockquote style="background-color:black;">';
+ var out= '';
var _this=this;
//js_log('selected src'+ _this.media_element.selected_source.url);
$j.each( this.media_element.getPlayableSources(), function(source_id, source){
if (default_player)
{
- out += '<img src="'+image_src+'"/>';
- if( ! is_selected )
- out+='<a href="#" class="sel_source" id="sc_' + source_id + '_' + default_player.id +'">';
- out += source.getTitle()+ (is_selected?'</a>':'') + ' ';
+// out += '<img src="'+image_src+'"/>';
+ out+='<div class="k-screen k-players">' +
+ ' <h2>Choose Video Player</h2>' +
+ ' <ul>';
+// if( ! is_selected )
+// out+='<a href="#" class="sel_source" id="sc_' + source_id + '_' + default_player.id +'">';
+// out += source.getTitle()+ (is_selected?'</a>':'') + ' ';
//output the player select code:
- var supporting_players = embedTypes.players.getMIMETypePlayers( source.getMIMEType() );
-
out+='<div id="player_select_list_' + source_id + '" class="player_select_list"><ul>';
+ var supporting_players = embedTypes.players.getMIMETypePlayers( source.getMIMEType() );
+
// out+='<div id="player_select_list_' + source_id + '" class="player_select_list"><ul>';
for(var i=0; i < supporting_players.length ; i++){
if( _this.selected_player.id == supporting_players[i].id && is_selected ){
- out+='<li style="border-style:dashed;margin-left:20px;">'+
-
'<img border="0" width="16" height="16" src="' + mv_skin_img_path + 'plugin.png">' +
- supporting_players[i].getName() +
- '</li>';
+// out+='<li style="border-style:dashed;margin-left:20px;">'+
+
// '<img border="0" width="16" height="16" src="' + mv_skin_img_path + 'plugin.png">' +
+// supporting_players[i].getName() +
+ out+='<li>' + supporting_players[i].getName() +'</li>';
}else{
//else gray plugin and the plugin with link to select
- out+='<li style="margin-left:20px;">'+
- '<a href="#" class="sel_source" id="sc_' + source_id + '_' + supporting_players[i].id +'">'+
- '<img border="0" width="16" height="16" src="' + mv_skin_img_path + 'plugin_disabled.png">'+
- supporting_players[i].getName() +
- '</a>'+
- '</li>';
+// out+='<li style="margin-left:20px;">'+
+// '<a href="#" class="sel_source" id="sc_' + source_id + '_' + supporting_players[i].id +'">'+
+// '<img border="0" width="16" height="16" src="' + mv_skin_img_path + 'plugin_disabled.png">'+
+// supporting_players[i].getName() +
+// '</a>'+
+ out+='<li>' +
+ '<a href="#" id="dc_' + source_id + '_' + supporting_players[i].id +'">' +
+ supporting_players[i].getName() + '</a><li>';
}
}
out+='</ul></div>';
}else
out+= source.getTitle() + ' - no player available';
});
- out+='</blockquote></span>';
+// out+='</blockquote></span>';
this.displayHTML(out);
//set up the click bindings:
}
},
getShowVideoDownload:function(){
- var out='<div style="color:white">' +
- '<b style="color:white;">'+gM('download_segment')+'</b><br>';
- out+='<blockquote style="background:#000">'+
- gM('download_right_click') + '</blockquote><br>';
- var dl_list='';
- var dl_txt_list='';
+// var out='<div style="color:white">' +
+// '<b style="color:white;">'+gM('download_segment')+'</b><br>';
+// out+='<blockquote style="background:#000">'+
+// gM('download_right_click') + '</blockquote><br>';
+ var out='<div class="k-screen k-players">' +
+ ' <h2>Download Video</h2>' +
+ ' <ul>';
+// var dl_list='';
+// var dl_txt_list='';
$j.each(this.media_element.getSources(), function(index, source){
- var dl_line = '<li>' + '<a style="color:white" href="' + source.getURI() +'"> '
- + source.getTitle()+'</a> '+ '</li>'+"\n";
- if( source.getURI().indexOf('?t=')!==-1){
- out+=dl_line;
- }else if( this.getMIMEType()=="text/cmml" || this.getMIMEType()=="text/x-srt" ){
- dl_txt_list+=dl_line;
- }else{
- dl_list+=dl_line;
+// var dl_line = '<li>' + '<a style="color:white" href="' + source.getURI() +'"> '
+// + source.getTitle()+'</a> '+ '</li>'+"\n";
+ var dl_line = '<li>' + '<a href="' + source.getURI() +'"> ' + source.getTitle() + '</a></li>\n';
+ if(source.getURI().indexOf('?t=')!==-1) {
+ out+=dl_line;
+ }
+ else if(this.getMIMEType()=="text/cmml" || this.getMIMEType()=="text/x-srt") {
+ dl_txt_list+=dl_line;
+ }
+ else {
+ dl_list+=dl_line;
}
});
-
- if(dl_list!='')
- out+=gM('download_full') + '<blockquote style="background:#000">' + dl_list + '</blockquote>';
- if(dl_txt_list!='')
- out+=gM('download_text')+'<blockquote style="background:#000">' + dl_txt_list +'</blockquote>';
- out+='</div>';
+// if(dl_list!='')
+// out+=gM('download_full') + '<blockquote style="background:#000">' + dl_list + '</blockquote>';
+// if(dl_txt_list!='')
+// out+=gM('download_text')+'<blockquote style="background:#000">' + dl_txt_list +'</blockquote>';
+ out+='</ul></div>';
return out;
},
/*
this.paused=false; //make sure we are not "paused"
this.seeking=false;
}
-
- $j("#mv_play_pause_button_" + this_id + ' span').removeClass('ui-icon-play').addClass('ui-icon-pause');
- $j("#mv_play_pause_button_" + this_id).unbind().btnBind().click(function(){
+
+ $j('#'+ this_id + ' .play-btn .ui-icon').removeClass('ui-icon-play').addClass('ui-icon-pause');
+ $j('#'+ this_id + ' .play-btn').unbind().btnBind().click(function(){
$j('#' + this_id ).get(0).pause();
- }).attr('title', gM('pause_clip'));
+ }).attr('title', gM('pause_clip'));
},
load:function(){
},
/*
* base embed pause
- * there is no general way to pause the video
+ * there is no general way to pause the video
* must be overwritten by embed object to support this functionality.
*/
pause: function(){
//(playing) do pause
this.paused = true;
//update the ctrl "paused state"
- $j("#mv_play_pause_button_" + this_id + ' span').removeClass('ui-icon-pause').addClass('ui-icon-play');
- $j("#mv_play_pause_button_" + this_id).unbind().btnBind().click(function(){
+ $j('#'+ this_id + ' .play-btn .ui-icon').removeClass('ui-icon-pause').addClass('ui-icon-play');
+ $j('#'+ this_id + ' .play-btn').unbind().btnBind().click(function(){
$j('#'+this_id).get(0).play();
}).attr('title', gM('play_clip'));
},
}
//make sure the big playbutton is has click action:
- $j('#big_play_link_' + _this.id).unbind('click').click(function(){
+ $j('#'+ _this.id +' .play-btn-large').unbind('click').btnBind().click(function(){
$j('#' +_this.id).get(0).play();
});
var this_id = (this.pc!=null)?this.pc.pp.id:this.id;
if(this.muted){
this.muted=false;
- $j('#volume_control_'+this_id + ' span').removeClass('ui-icon-volume-off').addClass('ui-icon-volume-on');
- $j('#volume_bar_'+this_id).slider('value', 100);
+ $j( '#volume_control_' + this_id + ' span').removeClass('ui-icon-volume-off').addClass('ui-icon-volume-on');
+ $j( '#volume_bar_' + this_id).slider('value', 100);
this.updateVolumen(1);
}else{
this.muted=true;
fullscreen:function(){
js_log('fullscreen not supported with current playback type');
},
- /* returns bool true if playing or paused, false if stooped
+ /* returns bool true if playing or paused, false if stopped
*/
isPlaying : function(){
if(this.thumbnail_disp){
this.monitorTimerId = 0;
}
},
- updateBufferStatus: function(){
-
+ updateBufferStatus: function(){
//build the buffer targeet based for playlist vs clip
var buffer_select = (this.pc) ?
- '#cl_status_' + this.id + ' .mv_buffer':
- '#mv_play_head_' + this.id + ' .mv_buffer';
+ '#cl_status_' + this.id + ' .ui-slider-buffer':
+ '#' + this.id + ' .ui-slider-buffer';
//update the buffer progress bar (if available )
if( this.bufferedPercent != 0 ){
//do head request if on the same domain
return this.media_element.selected_source.URLTimeEncoding;
},
- setSliderValue: function(perc, hide_progress){
+ setSliderValue: function(perc, hide_progress){
if(this.controls){
var this_id = (this.pc)?this.pc.pp.id:this.id;
- var val = parseInt( perc*1000 );
- $j('#mv_play_head_'+this_id).slider('value', val);
-
- //js_log("embed video set: " + '#mv_play_head_'+this_id + ' to ' + val);
+ var val = parseInt( perc*1000 );
+ $j('#'+this.id + ' .j-scrubber').slider('value', val);
}
//js_log('set#mv_seeker_slider_'+this_id + ' perc in: ' + perc + ' * ' + $j('#mv_seeker_'+this_id).width() + ' = set to: '+ val + ' - '+ Math.round(this.mv_seeker_width*perc) );
//js_log('op:' + offset_perc + ' *('+perc+' * ' + $j('#slider_'+id).width() + ')');
},
highlightPlaySection:function(options){
- js_log('highlightPlaySection');
+ js_log('highlightPlaySection');
var this_id = (this.pc)?this.pc.pp.id:this.id;
var dur = this.getDuration();
var hide_progress = true;
setStatus:function(value){
var id = (this.pc)?this.pc.pp.id:this.id;
//update status:
- $j('#mv_time_'+id).html(value);
+ //$j('#mv_time_'+id).html(value);
+ $j('#'+this.id + ' .k-timer').html(value);
}
}
--- /dev/null
+\r
+/* player styles */\r
+.k-player { width:400px; height:340px; position:relative;} /* inline via jq */\r
+.k-player * { padding:0; margin:0;} /* inline via jq */\r
+ .k-edit-bar { }\r
+ .k-edit-bar a { width:33px; padding: 1px 0 0; display:block; text-align:center; font-weight:bold; color:#888; text-decoration:none; background:#F2F2F2;}\r
+\r
+ .k-video { width:400px; height:300px; background:#000; margin-bottom:1px;} /* h & w inline via jq */\r
+ .k-control-bar { height:21px; padding: 2px 0 0 6px; margin-top:1px; background: url(images/ksprite.png) repeat-x 0 -81px; font: normal 11px arial,sans-serif; color:#555;}\r
+ .k-control-bar button, .k-control-bar div.ui-slider, .k-control-bar div.k-timer { float:left;}\r
+ .k-timer { margin-top:2px;}\r
+ .k-volume-slider { width:26px;}\r
+ .k-control-bar .k-options { width:50px; height:22px; margin-top:-2px; border: solid 1px #aaa; border-top:none; float:right; font: bold 11px arial,sans-serif; color:#555;}\r
+ span.ui-icon.ui-icon-k-menu { width:auto; padding-left:2px; background:none; outline:none; cursor:default;}\r
+.k-menu { background:#181818; position:absolute; top:0; left:0; display:none,filter:alpha(opacity=90); opacity: 0.9;} /* h, w, top inline via jq top:15px*/\r
+ ul.k-menu-bar { height:128px; padding: 0 0 5px;position:absolute; bottom:5px;right:0px; list-style: none outside none; background: url(images/ksprite.png) -99px -104px no-repeat;} /* eventually: mtop inline via jq */\r
+ .k-menu-bar li a { display:block; width:49px; height:32px; margin-left:1px; text-indent:99999px; background: url(images/ksprite.png) -51px -110px no-repeat; overflow:hidden;}\r
+ .k-menu-bar li a:hover { background-position: -1px -110px;}\r
+ .k-menu-bar li.k-download-btn a { background-position: -51px -141px;}\r
+ .k-menu-bar li.k-download-btn a:hover { background-position: -1px -141px;}\r
+ .k-menu-bar li.k-share-btn a { background-position: -51px -172px;}\r
+ .k-menu-bar li.k-share-btn a:hover { background-position: -1px -172px;}\r
+ .k-menu-bar li.k-credits-btn a { background-position: -51px -203px;}\r
+ .k-menu-bar li.k-credits-btn a:hover { background-position: -1px -203px;}\r
+ \r
+.k-menu-screens { width:320px; padding: 13px 10px 15px 15px; float:left;} /* w & h inline via jq */\r
+ .k-menu-screens h2 { padding: 0 0 5px 1px; clear:both; font-size:12px; color:#666;}\r
+ .k-menu-screens p { margin: 6px 0;}\r
+ .k-menu-screens a { ;}\r
+ .k-menu-screens a img { border:none;}\r
+ .k-menu-screens ul { padding:0; margin: 6px 0 0; list-style: none outside none;}\r
+\r
+.k-edit-screen { width:370px; height:223px; padding-top:77px; text-align:center; background:#181818; color:#fff;}\r
+ .k-edit-screen div { }\r
+ .k-edit-screen a { color:#7BB8FC;}\r
+ .k-edit-screen a img { border:none;}\r
+\r
+/* end player */\r
+\r
+.k-slide-window { overflow:hidden;}\r
+.k-screen.k-credits ul { float:left;}\r
+.k-screen.k-credits li { height:39px; padding: 11px 11px 11px 11px; margin-bottom:12px; display:block; background:#333;}\r
+ .k-screen.k-credits li a { padding:0; background:none;}\r
+ .k-screen.k-credits li img { float:left; background:blue;}\r
+ .k-screen.k-credits li div { height:39px; padding-left:11px; floats:left; overflow:hidden;}\r
+ \r
+ a.k-prev-credit, a.k-next-credit { width:65px; height:28px; margin: -13px auto -6px; display:block; background: url(images/ksprite.png) 0px -320px no-repeat;} \r
+ a.k-next-credit { margin: 0 0 1px; position:absolute; bottom:0; background-position: -0px -290px;}\r
+ a:hover.k-prev-credit { background-position: 0px -238px;}\r
+ a:hover.k-next-credit { background-position: 0px -260px;}\r
+ \r
+ .k-logo { margin:8px 0 0 1px; display:block;}\r
+ \r
+ .k_field_wrap { border: solid 1px #444; margin-bottom:7px;}\r
+ .k-screen.k-share button { width:70px; padding:2px 5px 3px; border:1px solid #000; float:right; background: #D4D4D4 url(images/ksprite.png) no-repeat -32px 0; color:#000; float:right;}\r
+ .k-menu textarea { width:100%; height:15px; border: solid 2px #000; border-bottom:none; border-right:none; background:transparent; color:#ccc; overflow:hidden;}\r
+ \r
+ .k-screen.k-share div.ui-state-highlight { width:90px; padding:2px 5px; border-color:#554926; float:left; background:none; color:#FFE96E;}\r
+ .k-screen.k-share div.ui-state-highlight a { color:#FFE96E; font-weight:bold;}\r
+ .k-screen.k-share div.ui-state-highlight a:hover { }\r
+ \r
+.k-menu-screens li { height:14px; margin-bottom:6px;}\r
+.k-menu-screens li a { padding-left:22px; background:url(images/ksprite.png) no-repeat -85px -274px; text-decoration:none;}\r
+.k-menu-screens li a.active, .k-menu-screens li a:hover.active { background-position: -85px -247px;}\r
+.k-menu-screens li a:hover { background-position: -85px -260px;}\r
+\r
+.k-options.ui-state-hover { color:blue;}\r
+\r
+.k-players { display:none}\r
+.k-credits { display:nones}\r
+\r
+.ui-state-default .ui-icon, .ui-state-hover .ui-icon { background: url(images/ksprite.png) no-repeat 0 -48px;}\r
+.ui-state-default .ui-icon-play { background:url(images/ksprite.png) no-repeat 0 0;}\r
+.ui-state-hover .ui-icon-play { background-position: -16px 0;}
+
+.ui-state-default .ui-icon-pause { background:url(images/ksprite.png) no-repeat 0 -17px;}
+.ui-state-hover .ui-icon-pause { background-position: -16px -17px;}
+
+ \r
+ .ui-state-default .ui-icon-arrow-4-diag { background-position: 0 -32px;} /* fullscreen */\r
+ .ui-state-hover .ui-icon-arrow-4-diag { background-position: -16px -32px;}\r
+ .ui-state-default .ui-icon-volume-on, .ui-state-hover .ui-icon-volume-off, { margin-left:-6px; background-position: -16px -48px;}\r
+ .ui-state-hover .ui-icon-volume-on, .ui-state-default .ui-icon-volume-off { margin-left:-6px; background-position: 0 -48px;}\r
+\r
+ .k-control-bar .ui-slider { height:8px; border: solid 1px #eee; margin: 4px 10px 0 7px; position:relative; background:url(images/ksprite.png) repeat-x 0 -350px;}\r
+ .k-control-bar .ui-slider-handle { width:8px; height:8px; border: solid 1px #888; margin: -1px 0 0 -5px; display:block; position:relative; background: url(images/ksprite.png) no-repeat -67px -341px; position:absolute;}\r
+ .k-control-bar .ui-slider-range { height:8px; position:absolute; background: url(images/ksprite.png) repeat-x 0 -368px; -moz-border-radius:5px; -webkit-border-radius:5px;}
+ .k-control-bar .ui-slider-buffer { height:8px; position:absolute; background: url(images/ksprite.png) repeat-x 0 -359px; -moz-border-radius:5px; -webkit-border-radius:5px;}\r
+ \r
+ .k-control-bar .ui-slider.k-volume-slider { height:15px; margin: 2px 3px 0 -4px; /* ie = m: 3 3 0 -2 */ border:none; background-position: -66px -323px; -moz-border-radius:0px; -webkit-border-radius:0px;}\r
+ .k-control-bar .k-volume-slider a.ui-slider-handle { width:8px; height:18px; margin: -3px 5px 0 -1px; border:none; display:block; position:absolute; background:none;}\r
+ .k-control-bar .k-volume-slider a:hover.ui-slider-handle { border: solid 1px #999;}\r
+ .k-control-bar .k-volume-slider .ui-slider-range { height:17px; position:absolute; background: url(images/ksprite.png) repeat-x -66px -306px; -moz-border-radius:0; -webkit-border-radius:0;} \r
+\r
+ .play-btn-large { width:120px; height:55px; background: url(images/ksprite.png) no-repeat 28px -433px; position:absolute; cursor:pointer;} /*.ui-state-default */\r
+ .play-btn-large.ui-state-hover { background: url(images/ksprite.png) no-repeat 28px -377px; }\r
+\r
+ .k-volume.ui-state-hover { margin-left:6px; }\r
+\r
+ /* move to ie css */\r
+ .k-volume-slider span, span.ui-icon-play, span.ui-icon-volume-on, button.k-fullscreen { *margin-top:-1px;}\r
+ span.ui-icon-volume-on { *margin-left:0 !important;}\r
+ .ui-state-hover.k-volume { *margin-left:0 !important;}\r
+ span.ui-icon-k-menu { *margin-top:3px;}\r
+ .k-control-bar .ui-slider.k-volume-slider { *margin-left:-2px;}\r
+ /* end css */\r
+\r
+ /* debug only ! */\r
+ .k-menu-screens { display:none;}\r
+ /* end debug */\r
dépôts / lhc / web / wiklou.git / commitdiff
