diff --git a/include/bbcode.php b/include/bbcode.php index 100c3b930..b68a7c5b1 100644 --- a/include/bbcode.php +++ b/include/bbcode.php @@ -301,14 +301,12 @@ function bb_onelinecode_cb($match) { } function tryoembed($match){ - //$url = ((count($match)==2)?$match[1]:$match[2]); $url = $match[1]; // Always embed the SSL version $url = str_replace(array("http://www.youtube.com/", "http://player.vimeo.com/"), array("https://www.youtube.com/", "https://player.vimeo.com/"), $url); - //logger("tryoembed: $url"); $o = oembed_fetch_url($url); @@ -318,7 +316,7 @@ function tryoembed($match){ if ($o->type=="error") return $match[0]; $html = oembed_format_object($o); - return $html; //oembed_iframe($html,$o->width,$o->height); + return $html; } diff --git a/include/oembed.php b/include/oembed.php index 0e1238360..c848a4580 100755 --- a/include/oembed.php +++ b/include/oembed.php @@ -1,12 +1,9 @@ width,$j->height); - - + return $s; } @@ -144,15 +141,12 @@ function oembed_format_object($j){ } else { $ret=$jhtml; } - $ret.="
"; + //$ret.="
"; }; break; case "photo": { $ret.= ""; - //$ret.= ""; - $ret.="
"; }; break; case "link": { - //$ret = "".$j->title.""; }; break; case "rich": { // not so safe.. @@ -194,10 +188,10 @@ function oembed_format_object($j){ } else { // add for html2bbcode conversion $ret .= "$embedurl"; - $ret .= "
"; } $ret.=""; - return mb_convert_encoding($ret, 'HTML-ENTITIES', mb_detect_encoding($ret)); + $ret = str_replace("\n","",$ret); + return mb_convert_encoding($ret, 'HTML-ENTITIES', mb_detect_encoding($ret)); } function oembed_iframe($src,$width,$height) { diff --git a/view/templates/oembed_video.tpl b/view/templates/oembed_video.tpl index 4aa135154..8392c469c 100644 --- a/view/templates/oembed_video.tpl +++ b/view/templates/oembed_video.tpl @@ -1,5 +1,4 @@ - -
+
diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css index 76bbab8e0..c004eb53d 100644 --- a/view/theme/duepuntozero/style.css +++ b/view/theme/duepuntozero/style.css @@ -1221,6 +1221,10 @@ input#dfrn-url { } .type-link .oembed { } +.oembed.video .embed_video > div { + position: absolute; top: 0px; left: 0px; + background: rgba(0, 0, 0, 0.5) url(shiny.png) no-repeat scroll center center; +} .shared_header { height: 32px; diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css index 1b021687c..847017ee5 100644 --- a/view/theme/quattro/dark/style.css +++ b/view/theme/quattro/dark/style.css @@ -463,7 +463,7 @@ a:hover { text-decoration: underline; } blockquote { - background: #ffffff; + background: #FFFFFF; padding: 1em; margin-left: 1em; border-left: 1em solid #e6e6e6; @@ -544,7 +544,6 @@ header { margin: 0; padding: 0; /*width: 100%; height: 12px; */ - z-index: 110; color: #ffffff; } @@ -922,7 +921,6 @@ aside .posted-date-selector-months { overflow: auto; height: auto; /*.contact-block-div { width:60px; height: 60px; }*/ - } #contact-block .contact-block-h4 { float: left; @@ -1004,7 +1002,6 @@ aside .posted-date-selector-months { margin-bottom: 2em; /*.action .s10 { width: 10px; overflow: hidden; padding: 0;} .action .s16 { width: 16px; overflow: hidden; padding: 0;}*/ - } .widget h3 { padding: 0; @@ -1308,7 +1305,6 @@ section { height: 32px; margin-left: 16px; /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/ - } .comment-edit-preview .contact-photo-menu-button { top: 15px !important; @@ -1447,9 +1443,13 @@ blockquote.shared_content { } .oembed.video > a.embed_video { display: block; - float: none; + float: left; + position: relative; } .oembed.video > a.embed_video > div { + position: absolute; + top: 0px; + left: 0px; background: rgba(255, 255, 255, 0.36) url(../../../images/icons/48/play.png) no-repeat center center !important; } /* threaded comments */ @@ -2241,7 +2241,6 @@ ul.tabs li .active { min-height: 22px; padding-top: 6px; /* a { display: block;}*/ - } #photo-caption { display: block; diff --git a/view/theme/quattro/green/style.css b/view/theme/quattro/green/style.css index 4c50fb35f..4cfcb5927 100644 --- a/view/theme/quattro/green/style.css +++ b/view/theme/quattro/green/style.css @@ -463,7 +463,7 @@ a:hover { text-decoration: underline; } blockquote { - background: #ffffff; + background: #FFFFFF; padding: 1em; margin-left: 1em; border-left: 1em solid #e6e6e6; @@ -544,7 +544,6 @@ header { margin: 0; padding: 0; /*width: 100%; height: 12px; */ - z-index: 110; color: #ffffff; } @@ -922,7 +921,6 @@ aside .posted-date-selector-months { overflow: auto; height: auto; /*.contact-block-div { width:60px; height: 60px; }*/ - } #contact-block .contact-block-h4 { float: left; @@ -1004,7 +1002,6 @@ aside .posted-date-selector-months { margin-bottom: 2em; /*.action .s10 { width: 10px; overflow: hidden; padding: 0;} .action .s16 { width: 16px; overflow: hidden; padding: 0;}*/ - } .widget h3 { padding: 0; @@ -1308,7 +1305,6 @@ section { height: 32px; margin-left: 16px; /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/ - } .comment-edit-preview .contact-photo-menu-button { top: 15px !important; @@ -1447,9 +1443,13 @@ blockquote.shared_content { } .oembed.video > a.embed_video { display: block; - float: none; + float: left; + position: relative; } .oembed.video > a.embed_video > div { + position: absolute; + top: 0px; + left: 0px; background: rgba(255, 255, 255, 0.36) url(../../../images/icons/48/play.png) no-repeat center center !important; } /* threaded comments */ @@ -2241,7 +2241,6 @@ ul.tabs li .active { min-height: 22px; padding-top: 6px; /* a { display: block;}*/ - } #photo-caption { display: block; diff --git a/view/theme/quattro/lilac/style.css b/view/theme/quattro/lilac/style.css index 7fb505dec..2ff7cfcb0 100644 --- a/view/theme/quattro/lilac/style.css +++ b/view/theme/quattro/lilac/style.css @@ -420,7 +420,7 @@ body { font-family: Liberation Sans, helvetica, arial, clean, sans-serif; font-size: 11px; - background-color: #f6ecf9; + background-color: #F6ECF9; color: #2d2d2d; margin: 50px 0 0 0; display: table; @@ -463,7 +463,7 @@ a:hover { text-decoration: underline; } blockquote { - background: #ffffff; + background: #FFFFFF; padding: 1em; margin-left: 1em; border-left: 1em solid #e6e6e6; @@ -544,7 +544,6 @@ header { margin: 0; padding: 0; /*width: 100%; height: 12px; */ - z-index: 110; color: #ffffff; } @@ -922,7 +921,6 @@ aside .posted-date-selector-months { overflow: auto; height: auto; /*.contact-block-div { width:60px; height: 60px; }*/ - } #contact-block .contact-block-h4 { float: left; @@ -1004,7 +1002,6 @@ aside .posted-date-selector-months { margin-bottom: 2em; /*.action .s10 { width: 10px; overflow: hidden; padding: 0;} .action .s16 { width: 16px; overflow: hidden; padding: 0;}*/ - } .widget h3 { padding: 0; @@ -1308,7 +1305,6 @@ section { height: 32px; margin-left: 16px; /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/ - } .comment-edit-preview .contact-photo-menu-button { top: 15px !important; @@ -1447,9 +1443,13 @@ blockquote.shared_content { } .oembed.video > a.embed_video { display: block; - float: none; + float: left; + position: relative; } .oembed.video > a.embed_video > div { + position: absolute; + top: 0px; + left: 0px; background: rgba(255, 255, 255, 0.36) url(../../../images/icons/48/play.png) no-repeat center center !important; } /* threaded comments */ @@ -1753,7 +1753,7 @@ span[id^="showmore-wrap"] { height: 20px; width: 500px; font-weight: bold; - border: 1px solid #f6ecf9; + border: 1px solid #F6ECF9; } #jot #jot-title:-webkit-input-placeholder { font-weight: normal; @@ -1780,7 +1780,7 @@ span[id^="showmore-wrap"] { margin: 0; height: 20px; width: 200px; - border: 1px solid #f6ecf9; + border: 1px solid #F6ECF9; } #jot #jot-category:hover { border: 1px solid #999999; @@ -2241,7 +2241,6 @@ ul.tabs li .active { min-height: 22px; padding-top: 6px; /* a { display: block;}*/ - } #photo-caption { display: block; diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less index d47263b50..681cfcc37 100644 --- a/view/theme/quattro/quattro.less +++ b/view/theme/quattro/quattro.less @@ -745,7 +745,7 @@ section { margin: 1em 0; max-height: 160px; overflow: hidden; - padding-left: 1em; + padding-left: 1em; } .oembed {} } @@ -780,8 +780,10 @@ blockquote.shared_content { .oembed.video { > a.embed_video { display: block; - float: none; + float: left; + position: relative; > div { + position: absolute; top: 0px; left: 0px; background: rgba(255, 255, 255, 0.36) url(../../../images/icons/48/play.png) diff --git a/view/theme/vier/style.css b/view/theme/vier/style.css index 7d0c36be1..e53ac45f7 100644 --- a/view/theme/vier/style.css +++ b/view/theme/vier/style.css @@ -2522,6 +2522,25 @@ blockquote { display: block; } +.oembed.video .embed_video > div { + position: absolute; top: 0px; left: 0px; + background-color: rgba(0,0,0,0.5); +} +.oembed.video .embed_video > div::before { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + display: inline-block; + text-decoration: inherit; + vertical-align: top; + font-size: 3em; + content: "\f01d"; /* icon-play-circle */ + color: #fff; + bottom: 10px; + right: 10px; + position: absolute; +} + /* ================== */ /* = Contacts Block = */ /* ================== */