3.2 & 3.3 Extensions Database 3.2 / 3.3 ⇒ Youtube Videos Gallery

[vince]

Hi dmzx!

All functions work, but the video does not play on phpbb 3.3.0 (php 7.4.1)
Cleaning the cache in the browser and on the server did not help.

Is there an update planned for compatibility with phpbb 3.3.0?

Thank you so much for your efforts!

i have 3.3 with php 7.4 and it works ?

[TRUBLITZ]

Last Videos On Index - Thumbnail Zoom



Open:
ext/dmzx/youtubegallery/styles/prosilver/template/video_index.html

Find:

Code: Select all

		<!-- BEGIN video -->
			<li class="videolist">

After:

Code: Select all

videolist

Add:

Code: Select all

 img-hover-zoom

Save.

CSS
Add this to your css file. Not the ext. Use your last loading css within stylesheet

Code: Select all

/* [1] The container */
.img-hover-zoom {
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.5);
}

More effects


Quick zoom-in

Code: Select all

/* Quick-zoom Container */
.img-hover-zoom--quick-zoom img {
  transform-origin: 0 0;
  transition: transform .25s, visibility .25s ease-in;
}

/* The Transformation */
.img-hover-zoom--quick-zoom:hover img {
  transform: scale(2);
}

Point-zoom

Code: Select all

/* Zoom-n-rotate Container */
.img-hover-zoom--zoom-n-rotate img {
  transition: transform .5s ease-in-out;
}

/* The Transformation */
.img-hover-zoom--zoom-n-rotate:hover img {
  transform: scale(2) rotate(25deg);
}

Zoom in slow-motion

Code: Select all

/* Slow-motion Zoom Container */
.img-hover-zoom--slowmo img {
  transform-origin: 50% 65%;
  transition: transform 5s, filter 3s ease-in-out;
  filter: brightness(150%);
}

/* The Transformation */
.img-hover-zoom--slowmo:hover img {
  filter: brightness(100%);
  transform: scale(3);
}

Brighten and Zoom-in

Code: Select all

/* Brightness-zoom Container */
.img-hover-zoom--brightness img {
  transition: transform 2s, filter 1.5s ease-in-out;
  transform-origin: center center;
  filter: brightness(50%);
}

/* The Transformation */
.img-hover-zoom--brightness:hover img {
  filter: brightness(100%);
  transform: scale(1.3);
}

Colorize with zooming-in

Code: Select all

/* Colorize-zoom Container */
.img-hover-zoom--colorize img {
  transition: transform .5s, filter 1.5s ease-in-out;
  filter: grayscale(100%);
}

/* The Transformation */
.img-hover-zoom--colorize:hover img {
  filter: grayscale(0);
  transform: scale(1.1);
}

[martin]

I would have just used the original class that way its just add css.

[Sniper_E]

And I like your style TRUBLITZ Thank You!

[TRUBLITZ]

And I like your style TRUBLITZ Thank You!

Thanks sniper. Its called Sunrise. It's available for download

[seacoast]

Hi...I'm running UP v1.2.2 on PHPBB v3.2.1. How can I upgrade to 1.2.7? Delete old folder and upload new 1.2.7 keeping all existing data? Thanks.

[dmzx]

Hi...I'm running UP v1.2.2 on PHPBB v3.2.1. How can I upgrade to 1.2.7? Delete old folder and upload new 1.2.7 keeping all existing data? Thanks.

this is a other topic.

[seacoast]

Just upgraded to newest version. However, the "duration" is not showing up on the index page.

Capture.png

[martin]

Are you viewing on a small screen ? the info is pulled from youtube are all your links like that or just a few ?

youtube.png

[TRUBLITZ]

• 1- Are we able to pull the video titles in the new version?

• 2 - Is it possible to add embed code instead of youtube links?. As we all know many other platforms are rising while youtube censors more.

[seacoast]

Are you viewing on a small screen ? the info is pulled from youtube are all your links like that or just a few ?

youtube.png

Not a small screen. Large laptop.
All of them. Index page and videos page.

Capture2.png

EDIT: It seems to work with newly uploaded videos. Previously uploaded videos before the upgrade don't show the duration. I assume the duration is being pulled when uploading the first time?

[seacoast]

I've got 5 videos shown on the index page. The box has a scroll bar which doesn't need to be there. How can I make the box a bit taller to eliminate the scroll bar? Thanks!

[Exabot]

Estonian translation.

et.zip

[seacoast]

Hi...I'm running UP v1.2.2 on PHPBB v3.2.1. How can I upgrade to 1.2.7? Delete old folder and upload new 1.2.7 keeping all existing data? Thanks.

this is a other topic.

Sorry. Not sure how I did that.

[Sniper_E]

rry. Not sure how I did that.

I have an idea how you did that....