Fallback Image

Hi,

1) You can add a fallback image via CSS as background of the BODY or of the element you are using for the video player:

body {
  background: url(path/to/image) no-repeat center center;
  background-size: cover;
}

2) No, although the the YTPlayer component has its javascript method to play videos consecutively at the time the WordPress component can play only one video. That is a feature I can add ??

Bye,
M

that feature, to jump to a random video next, would be awesome

Can this feature be added if the jquery one already has it? I can donate to help get this done.

Play multiple videos in sequence or random and have start stop times as well for each.

The start and stop times can be done easily with the url, but the only way for me to sequence them is to make longer videos but I have no tricks for random from a playlist.

A playlist or slider feature would be awesome.

Thanks
Pat Bhakta

@patbhakta:
Of course it can be done but it needs time to implement the back end editor to add videos to the list. At the time it is on my todo features list but I don’t know when I’ll be able to dedicate time to that.

Bye,
Matteo

Thank you,
also when adding the url the strings do not work
for instance

doesn’t work

doesn’t work either

works but can’t do any url tricks.
Is there a way to have start and stop times for each video?

Thanks
Pat Bhakta

@patbhakta:

This URL: https://www.youtube.com/v/9bZkp7q19f0 doesn’t work because it’s not a standard youtube url and embedding from this URL is restricted by Youtube.

This URL: https://www.youtube.com/watch?v=9bZkp7q19f0&start=30&end=90 works but the start time and the end time are ignored by the component (the API uses only the ID of the video from youtube, not the entire URL).

This URL: https://www.youtube.com/watch?v=9bZkp7q19f0 works as expected.

As told you before, the javascript component is ready to satisfy that behavior but there’s no implementation for that on the WordPress plug-in and at the time I can’t work on that (this is a free component and I’ve a family ?? ).

Bye,
Matteo

@pupunzi Great plugin Mateo.

I’m having a problem with the “fallback image” setup via the code you posted above:

body {
  background: url(path/to/image) no-repeat center center;
  background-size: cover;
}

I copy the code you posted in my Simple Custom CSS plugin and now I get -both- video and -linked image- displayed on my front page, which is not a “fallback” action.

How do I configure this via this code so that I -only- see the image when i.e. I access my site from mobile devices?

Many thanks in advance.

Takis

Hi Mateo, it would be great if you could provide some assistance here. Many thanks in advance.

Takis

@takis:
Hi,
If you are using the YTPlayer as background video applied to the BODY then the background image should disappear once the video start playing.
Anyway, if you want the image to be displayed only on mobile you can use CSS media queries (https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries).

Bye,
Matteo