Changeset 3010568
- Timestamp:
- 12/15/2023 01:39:49 PM (2 years ago)
- Location:
- codeflavors-vimeo-video-post-lite/trunk
- Files:
-
- 5 edited
-
CHANGELOG.md (modified) (1 diff)
-
assets/front-end/css/vimeotheque.css (modified) (1 diff)
-
includes/libs/player/player.class.php (modified) (1 diff)
-
main.php (modified) (2 diffs)
-
readme.txt (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
codeflavors-vimeo-video-post-lite/trunk/CHANGELOG.md
r2993756 r3010568 1 1 *** Vimeotheque Lite Changelog *** 2 3 2023-12-15 - Version 2.2.8 4 * Modified Vimeotheque template styling to be less restrictive; 5 * Added post ID as element data (data-video_id="the post ID") to video embed container. 2 6 3 7 2023-11-10 - Version 2.2.7 -
codeflavors-vimeo-video-post-lite/trunk/assets/front-end/css/vimeotheque.css
r2849094 r3010568 1 /** 2 * Single video main container. 3 */ 4 .vimeotheque-video-post-main.single { 5 width: 100%; 6 } 7 .vimeotheque-video-post-main.single .vimeotheque-video-embed { 8 width: 100%; 9 background: #000000; 10 margin-bottom: 30px; 11 } 12 .vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-player { 13 margin: 0 auto; 14 } 15 .vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-player.show-end-card { 16 background-image: none; 17 height: auto !important; 18 padding: 75px 0; 19 } 20 .vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-timer { 21 width: 400px; 22 margin: 5px auto; 23 color: #FFFFFF; 24 font-size: 0.8em; 25 } 26 .vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-timer span.timer { 27 margin: 0 5px; 28 } 29 .vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-end-card-container .inside-wrapper { 30 width: 400px; 31 margin: 0 auto; 32 } 33 .vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-end-card-container .inside-wrapper .image { 34 display: block; 35 position: relative; 36 } 37 .vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-end-card-container .inside-wrapper .image img { 38 max-width: 100% !important; 39 width: 100% !important; 40 } 41 .vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-end-card-container .inside-wrapper .image .duration { 42 color: #FFFFFF; 43 z-index: 2; 44 position: absolute; 45 right: 10px; 46 bottom: 10px; 47 background: rgba(0, 0, 0, 0.6); 48 text-align: center; 49 padding: 5px 10px; 50 border-radius: 5px; 51 font-size: 12px; 52 } 53 .vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-end-card-container .inside-wrapper h2 { 54 font-size: 1em; 55 color: #FFFFFF; 56 margin: 20px 0; 57 } 58 .vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-end-card-container .inside-wrapper .controls { 59 display: flex; 60 justify-content: space-evenly; 61 } 62 .vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-end-card-container .inside-wrapper .controls a { 63 width: 150px; 64 color: #FFFFFF; 65 background: #707070; 66 text-align: center; 67 padding: 7px 0; 68 border-radius: 2px; 69 text-decoration: none !important; 70 } 71 .vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-end-card-container .inside-wrapper .controls a.cancel { 72 background-color: #424242; 73 } 74 .vimeotheque-video-post-main.single article.vimeotheque-video-post-content { 75 max-width: 1200px; 76 padding: 0 10px; 77 margin: 0 auto; 78 } 79 .vimeotheque-video-post-main.single article.vimeotheque-video-post-content header.entry-header div.video-stats { 80 margin: 10px 0 30px; 81 } 82 .vimeotheque-video-post-main.single article.vimeotheque-video-post-content header.entry-header div.video-stats span { 83 color: #424242; 84 font-weight: bold; 85 } 86 .vimeotheque-video-post-main.single article.vimeotheque-video-post-content header.entry-header div.video-stats span.sep { 87 font-weight: normal; 88 margin: 0 3px; 89 } 90 .vimeotheque-video-post-main.single article.vimeotheque-video-post-content footer { 91 margin: 20px 0; 92 } 93 .vimeotheque-video-post-main.single article.vimeotheque-video-post-content footer.entry-footer .post-meta .byline:before { 94 content: none; 95 } 96 .vimeotheque-video-post-main.single article.vimeotheque-video-post-content footer.entry-footer .post-meta .entry-date { 97 margin-left: 10px; 98 } 99 .vimeotheque-video-post-main.single article.vimeotheque-video-post-content footer.entry-footer .post-meta .cat-links { 100 display: block; 101 margin: 10px 0; 102 } 103 .vimeotheque-video-post-main.single .vimeotheque-comments { 104 max-width: 1200px; 105 margin: 50px auto; 106 } 107 108 .vimeotheque.container-archive { 109 overflow: hidden; 110 max-width: 1200px; 111 margin: 30px auto; 112 } 113 .vimeotheque.video-archive { 114 margin-right: -30px; 115 } 116 .vimeotheque.video-archive .videos { 117 display: flex; 118 flex-wrap: wrap; 119 justify-content: normal; 120 gap: 0px; 121 row-gap: 30px; 122 margin-top: 30px; 123 /** 124 * Archive single video 125 */ 126 } 127 .vimeotheque.video-archive .videos:after { 128 content: ""; 129 flex: auto; 130 } 131 .vimeotheque.video-archive .videos .vimeotheque-video { 132 flex-basis: 33.33%; 133 width: 33.33%; 134 min-width: 33.33%; 135 padding-right: 30px; 136 margin: 0 !important; 137 } 138 .vimeotheque.video-archive .videos .vimeotheque-video.with-image .vimeotheque-featured-image { 139 display: block; 140 position: relative; 141 } 142 .vimeotheque.video-archive .videos .vimeotheque-video.with-image .vimeotheque-featured-image .post-thumbnail { 143 margin: 0 !important; 144 padding: 0 !important; 145 width: 100% !important; 146 max-width: 100%; 147 height: auto !important; 148 } 149 .vimeotheque.video-archive .videos .vimeotheque-video.with-image .vimeotheque-featured-image .play-btn { 150 display: block; 151 position: absolute; 152 width: 60px; 153 height: 40px; 154 background-color: #1ab7ea; 155 bottom: 20px; 156 left: 20px; 157 border-radius: 5px; 158 } 159 .vimeotheque.video-archive .videos .vimeotheque-video.with-image .vimeotheque-featured-image .play-btn img { 160 width: 60% !important; 161 height: 60% !important; 162 position: absolute; 163 bottom: 20%; 164 left: 20%; 165 filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(325deg) brightness(105%) contrast(101%); 166 z-index: 2; 167 } 168 .vimeotheque.video-archive .videos .vimeotheque-video.with-image .vimeotheque-featured-image .duration { 169 color: #FFFFFF; 170 z-index: 2; 171 position: absolute; 172 right: 20px; 173 bottom: 20px; 174 background: rgba(0, 0, 0, 0.6); 175 text-align: center; 176 padding: 5px 10px; 177 border-radius: 5px; 178 font-size: 12px; 179 } 180 .vimeotheque.video-archive .videos .vimeotheque-video.with-image .vimeotheque-featured-image:hover .play-btn, 181 .vimeotheque.video-archive .videos .vimeotheque-video.with-image .vimeotheque-featured-image:hover .duration { 182 display: block !important; 183 } 184 .vimeotheque.video-archive .videos .vimeotheque-video h3.entry-title { 185 font-size: 1em; 186 font-weight: 500; 187 margin: 10px 0; 188 } 189 .vimeotheque.video-archive .videos .vimeotheque-video .video-meta { 190 font-size: 1em; 191 color: #707070; 192 } 193 .vimeotheque.video-archive .videos .vimeotheque-video .video-meta a { 194 color: #707070; 195 } 196 .vimeotheque.video-archive .pagination { 197 margin-right: 30px; 198 } 199 .vimeotheque.video-archive .pagination .nav-links { 200 margin-top: 30px; 201 } 202 .vimeotheque.video-archive .pagination .nav-links > * { 203 min-width: 44px; 204 min-height: 44px; 205 margin-top: 30px; 206 margin-left: calc(0.66 * 20px); 207 margin-right: calc(0.66 * 20px); 208 } 209 .vimeotheque.video-archive .pagination .nav-links .nav-next a, 210 .vimeotheque.video-archive .pagination .nav-links .nav-previous a { 211 display: flex; 212 flex-direction: column; 213 } 214 .vimeotheque.video-archive .pagination .nav-links .dots { 215 text-align: center; 216 } 217 .vimeotheque.video-archive .pagination .nav-links > *.current { 218 text-decoration: underline; 219 } 220 .vimeotheque.video-archive .pagination .nav-links > *:first-child { 221 margin-left: 0; 222 } 223 .vimeotheque.video-archive .pagination .nav-links > *:last-child { 224 margin-right: 0; 225 } 226 .vimeotheque.video-archive .pagination .nav-links > *.next { 227 margin-left: auto; 228 } 229 .vimeotheque.video-archive .pagination .nav-links > *.prev { 230 margin-right: auto; 231 } 232 233 @media only screen and (min-width: 822px) { 234 .vimeotheque.video-archive .pagination { 235 margin: 30px 30px 30px auto; 236 } 237 } 238 @media only screen and (max-width: 821px) { 239 .vimeotheque.video-archive .pagination .nav-links { 240 display: flex; 241 flex-wrap: wrap; 242 } 243 .vimeotheque.video-archive .pagination .page-numbers { 244 display: none; 245 } 246 .vimeotheque.video-archive .pagination .page-numbers.prev, .vimeotheque.video-archive .pagination .page-numbers.next { 247 display: inline-block; 248 flex: 0 1 auto; 249 } 250 } 251 @media only screen and (max-width: 481px) { 252 .vimeotheque.video-archive .pagination .nav-short { 253 display: none; 254 } 255 } 256 @media only screen and (min-width: 592px) { 257 .pagination .nav-links { 258 display: flex; 259 justify-content: center; 260 flex-wrap: wrap; 261 } 262 .pagination .nav-links .nav-next, 263 .pagination .nav-links .nav-previous { 264 flex: 0 1 auto; 265 margin-bottom: inherit; 266 margin-top: inherit; 267 max-width: calc(50% - 0.5 * 30px); 268 } 269 .pagination .nav-links .nav-next { 270 text-align: right; 271 } 272 } 273 @media all and (max-width: 780px) { 274 .vimeotheque.video-archive .videos .vimeotheque-video { 275 margin-left: auto; 276 margin-right: auto; 277 } 278 } 1 .vimeotheque-video-post-main.single{width:100%}.vimeotheque-video-post-main.single .vimeotheque-video-embed{width:100%;background:#000;margin-bottom:30px}.vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-player{margin:0 auto}.vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-player.show-end-card{background-image:none;height:auto !important;padding:75px 0}.vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-timer{width:400px;margin:5px auto;color:#fff;font-size:.8em}.vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-timer span.timer{margin:0 5px}.vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-end-card-container .inside-wrapper{width:400px;margin:0 auto}.vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-end-card-container .inside-wrapper .image{display:block;position:relative}.vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-end-card-container .inside-wrapper .image img{max-width:100% !important;width:100% !important}.vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-end-card-container .inside-wrapper .image .duration{color:#fff;z-index:2;position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.6);text-align:center;padding:5px 10px;border-radius:5px;font-size:12px}.vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-end-card-container .inside-wrapper h2{font-size:1em;color:#fff;margin:20px 0}.vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-end-card-container .inside-wrapper .controls{display:flex;justify-content:space-evenly}.vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-end-card-container .inside-wrapper .controls a{width:150px;color:#fff;background:#707070;text-align:center;padding:7px 0;border-radius:2px;text-decoration:none !important}.vimeotheque-video-post-main.single .vimeotheque-video-embed .vimeotheque-end-card-container .inside-wrapper .controls a.cancel{background-color:#424242}.vimeotheque-video-post-main.single article.vimeotheque-video-post-content{max-width:1200px;padding:0 10px;margin:0 auto}.vimeotheque-video-post-main.single article.vimeotheque-video-post-content header.entry-header div.video-stats{margin:10px 0 30px}.vimeotheque-video-post-main.single article.vimeotheque-video-post-content header.entry-header div.video-stats span{color:#424242;font-weight:bold}.vimeotheque-video-post-main.single article.vimeotheque-video-post-content header.entry-header div.video-stats span.sep{font-weight:normal;margin:0 3px}.vimeotheque-video-post-main.single article.vimeotheque-video-post-content footer{margin:20px 0}.vimeotheque-video-post-main.single article.vimeotheque-video-post-content footer.entry-footer .post-meta .byline:before{content:none}.vimeotheque-video-post-main.single article.vimeotheque-video-post-content footer.entry-footer .post-meta .entry-date{margin-left:10px}.vimeotheque-video-post-main.single article.vimeotheque-video-post-content footer.entry-footer .post-meta .cat-links{display:block;margin:10px 0}.vimeotheque-video-post-main.single .vimeotheque-comments{max-width:1200px;margin:50px auto}.vimeotheque.container-archive{overflow:hidden;max-width:1200px;margin:30px auto}.vimeotheque.video-archive{margin-right:-30px}.vimeotheque.video-archive .videos{display:flex;flex-wrap:wrap;justify-content:normal;gap:0px;row-gap:30px;margin-top:30px}.vimeotheque.video-archive .videos:after{content:"";flex:auto}.vimeotheque.video-archive .videos .vimeotheque-video{flex-basis:33.33%;width:33.33%;min-width:33.33%;padding-right:30px;margin:0 !important}.vimeotheque.video-archive .videos .vimeotheque-video h3.entry-title{font-size:1em;font-weight:500;margin:10px 0}.vimeotheque.video-archive .videos .vimeotheque-video .video-meta{font-size:1em;color:#707070}.vimeotheque.video-archive .videos .vimeotheque-video .video-meta a{color:#707070}.vimeotheque.video-archive .pagination{margin-right:30px}.vimeotheque.video-archive .pagination .nav-links{margin-top:30px}.vimeotheque.video-archive .pagination .nav-links>*{min-width:44px;min-height:44px;margin-top:30px;margin-left:calc(0.66 * 20px);margin-right:calc(0.66 * 20px)}.vimeotheque.video-archive .pagination .nav-links .nav-next a,.vimeotheque.video-archive .pagination .nav-links .nav-previous a{display:flex;flex-direction:column}.vimeotheque.video-archive .pagination .nav-links .dots{text-align:center}.vimeotheque.video-archive .pagination .nav-links>*.current{text-decoration:underline}.vimeotheque.video-archive .pagination .nav-links>*:first-child{margin-left:0}.vimeotheque.video-archive .pagination .nav-links>*:last-child{margin-right:0}.vimeotheque.video-archive .pagination .nav-links>*.next{margin-left:auto}.vimeotheque.video-archive .pagination .nav-links>*.prev{margin-right:auto}@media only screen and (min-width: 822px){.vimeotheque.video-archive .pagination{margin:30px 30px 30px auto}}@media only screen and (max-width: 821px){.vimeotheque.video-archive .pagination .nav-links{display:flex;flex-wrap:wrap}.vimeotheque.video-archive .pagination .page-numbers{display:none}.vimeotheque.video-archive .pagination .page-numbers.prev,.vimeotheque.video-archive .pagination .page-numbers.next{display:inline-block;flex:0 1 auto}}@media only screen and (max-width: 481px){.vimeotheque.video-archive .pagination .nav-short{display:none}}@media only screen and (min-width: 592px){.pagination .nav-links{display:flex;justify-content:center;flex-wrap:wrap}.pagination .nav-links .nav-next,.pagination .nav-links .nav-previous{flex:0 1 auto;margin-bottom:inherit;margin-top:inherit;max-width:calc(50% - 0.5 * 30px)}.pagination .nav-links .nav-next{text-align:right}}.vimeotheque-featured-image{display:block;position:relative}.vimeotheque-featured-image .post-thumbnail{margin:0 !important;padding:0 !important;width:100% !important;max-width:100%;height:auto !important}.vimeotheque-featured-image .play-btn{display:block;position:absolute;width:60px;height:40px;background-color:#1ab7ea;bottom:20px;left:20px;border-radius:5px}.vimeotheque-featured-image .play-btn img{width:60% !important;height:60% !important;position:absolute;bottom:20%;left:20%;filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(325deg) brightness(105%) contrast(101%);z-index:2}.vimeotheque-featured-image .duration{color:#fff;z-index:2;position:absolute;right:20px;bottom:20px;background:rgba(0,0,0,.6);text-align:center;padding:5px 10px;border-radius:5px;font-size:12px}.vimeotheque-featured-image:hover .play-btn,.vimeotheque-featured-image:hover .duration{display:block !important}@media all and (max-width: 780px){.vimeotheque.video-archive .videos .vimeotheque-video{margin-left:auto;margin-right:auto}} -
codeflavors-vimeo-video-post-lite/trunk/includes/libs/player/player.class.php
r2914588 r3010568 74 74 if( $img ){ 75 75 $embed_content = sprintf( 76 '<a href="#" class="vimeotheque-load-video" title="%s" data-url="%s" ><img src="%s" class="video-thumbnail" />%s</a>',76 '<a href="#" class="vimeotheque-load-video" title="%s" data-url="%s" data-post_id="%d"><img src="%s" class="video-thumbnail" />%s</a>', 77 77 esc_attr( $this->post->get_post()->post_title ), 78 78 $this->get_embed_url(), 79 $this->post->get_post()->ID, 79 80 is_array( $img ) ? $img[0] : $img, 80 81 sprintf( -
codeflavors-vimeo-video-post-lite/trunk/main.php
r2993756 r3010568 5 5 * Description: Vimeotheque imports public Vimeo videos as WordPress posts. It is a perfect fit for membership, portfolio, online courses or any type of video collection. 6 6 * Author: CodeFlavors 7 * Version: 2.2. 77 * Version: 2.2.8 8 8 * Author URI: https://codeflavors.com 9 9 * Text Domain: codeflavors-vimeo-video-post-lite … … 17 17 define( 'VIMEOTHEQUE_PATH', plugin_dir_path( __FILE__ ) ); 18 18 define( 'VIMEOTHEQUE_URL', plugin_dir_url( __FILE__ ) ); 19 define( 'VIMEOTHEQUE_VERSION', '2.2. 7' );19 define( 'VIMEOTHEQUE_VERSION', '2.2.8' ); 20 20 define( 'VIMEOTHEQUE_TEMPLATE_DEBUG_MODE', false ); 21 21 /** -
codeflavors-vimeo-video-post-lite/trunk/readme.txt
r2993756 r3010568 136 136 137 137 == Changelog == 138 = 2.2.8 = 139 - Modified Vimeotheque template styling to be less restrictive; 140 - Added post ID as element data (data-video_id="the post ID") to video embed container. 141 138 142 = 2.2.7 = 139 143 - Solved a bug in WP 6.4+ that prevented the Block Editor from loading the Vimeotheque blocks.
Note: See TracChangeset
for help on using the changeset viewer.