Welcome to the Question2Answer Q&A. There's also a demo if you just want to try it out.
+1 vote
213 views
in Plugins by
edited by

Experience the background of any YouTube video.

Change that linear background and give your site a little more dynamism with a surprising effect.

examples:

1-

like you can see on:

https://www.youtube.com/watch?v=lRTtMcx6rSM&t=1982s

example

https://agorapreguntas.club/1/

2-

like you can see on:

https://www.youtube.com/watch?v=1IkY0_qONRk&t=282s

example

https://agorapreguntas.club/2/

3-

like you can see on:

https://www.youtube.com/watch?v=HqAw_jGoEkI

example

https://agorapreguntas.club/3/

4

like you can see on:

https://www.youtube.com/watch?v=AsTqO2Olhns

example

https://agorapreguntas.club/4/

This is my first paid plugin and you can access it for the reasonable price of 17 usd.

if you are interested please send a private mail and I will provide the way to proceed

Ensure your uncertain videos are copyright free

Proven theme in clean install

running on default themes without problems.

Chrome tested browsers

and mozilla

1 Answer

0 votes
by

Cool plugin @Monkey :)
Nice to see motivation and effort putted towards building new stuff for Q2A.

I have one suggestion of improvement. Before the video starts playing, you can see the YouTube player loading in the background for a split second.

If you're using the YouTube API you can smooth this transition by temporarily add a background image at first, which can be the video's Thumbnail, and then once the player starts playing, you can remove or fade out the background image.

Something like:

<div class="temporary-bg"></div>

 CSS:

.temporary-bg {
    background-image: url(https://img.youtube.com/vi/lRTtMcx6rSM/maxresdefault.jpg);
}

 Javascript:

function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING) {
        $('.temporary-bg').fadeOut(); // or remove()
    }
}

Links you might find interesting on this topic:

 

...