Title: Fallback Image
Last modified: August 30, 2016

---

# Fallback Image

 *  [patbhakta](https://wordpress.org/support/users/patbhakta/)
 * (@patbhakta)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/fallback-image-2/)
 * How can I use a fallback image for mobile sites and when the video is loading
   on slower connections?
 * Also I have several videos seperated by comma, it does play randomly, but is 
   there a way to play another video once the previous is done?
 * Thanks
 * [https://wordpress.org/plugins/wpmbytplayer/](https://wordpress.org/plugins/wpmbytplayer/)

Viewing 9 replies - 1 through 9 (of 9 total)

 *  Plugin Author [pupunzi](https://wordpress.org/support/users/pupunzi/)
 * (@pupunzi)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/fallback-image-2/#post-6601778)
 * 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
 *  [aombk](https://wordpress.org/support/users/aombk/)
 * (@aombk)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/fallback-image-2/#post-6601812)
 * that feature, to jump to a random video next, would be awesome
 *  Thread Starter [patbhakta](https://wordpress.org/support/users/patbhakta/)
 * (@patbhakta)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/fallback-image-2/#post-6601818)
 * 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
 *  Plugin Author [pupunzi](https://wordpress.org/support/users/pupunzi/)
 * (@pupunzi)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/fallback-image-2/#post-6601828)
 * [@patbhakta](https://wordpress.org/support/users/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
 *  Thread Starter [patbhakta](https://wordpress.org/support/users/patbhakta/)
 * (@patbhakta)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/fallback-image-2/#post-6601831)
 * 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
 *  Plugin Author [pupunzi](https://wordpress.org/support/users/pupunzi/)
 * (@pupunzi)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/fallback-image-2/#post-6601847)
 * [@patbhakta](https://wordpress.org/support/users/patbhakta/):
 * This URL: [https://www.youtube.com/v/9bZkp7q19f0](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](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](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
 *  [Takis](https://wordpress.org/support/users/tpagonis/)
 * (@tpagonis)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/fallback-image-2/#post-6601873)
 * [@pupunzi](https://wordpress.org/support/users/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
 *  [Takis](https://wordpress.org/support/users/tpagonis/)
 * (@tpagonis)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/fallback-image-2/#post-6601876)
 * Hi Mateo, it would be great if you could provide some assistance here. Many thanks
   in advance.
 * Takis
 *  Plugin Author [pupunzi](https://wordpress.org/support/users/pupunzi/)
 * (@pupunzi)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/fallback-image-2/#post-6601879)
 * [@takis](https://wordpress.org/support/users/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](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries)).
 * Bye,
    Matteo

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Fallback Image’ is closed to new replies.

 * ![](https://ps.w.org/wpmbytplayer/assets/icon.svg?rev=1544312)
 * [mb.YTPlayer for background videos](https://wordpress.org/plugins/wpmbytplayer/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wpmbytplayer/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wpmbytplayer/)
 * [Active Topics](https://wordpress.org/support/plugin/wpmbytplayer/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wpmbytplayer/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wpmbytplayer/reviews/)

 * 9 replies
 * 4 participants
 * Last reply from: [pupunzi](https://wordpress.org/support/users/pupunzi/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/fallback-image-2/#post-6601879)
 * Status: not resolved