How to Play YouTube Embedded Videos on Mobiles in Clip-Bucket v2

Hello,

Today I will show you how to make your Clip-Bucket v2 powered website play YouTube videos when it is being browsed through a mobile device. This modification will work whether the videos where added via Embed Code or Remote Upload.


1. Log into your admin_area
2. From the left column, expand the Videos menu and click on Videos Manager

Screen Shot 2014-10-05 at 5.17.51 PM
3. Find an embedded video from YouTube and click Edit

Screen Shot 2014-10-05 at 5.18.04 PM

 

4. Scroll down for the Embed Code

Screen Shot 2014-10-05 at 5.18.50 PM
5.1. If the embed code starts with “<object”, copy the 11 digit video key.

Screen Shot 2014-10-05 at 5.21.13 PM
5.1.1 Remove that embed code and paste the following:

<iframe class="youtube-player" type="text/html" width="{Width}" height="{Height}" src="//www.youtube.com/embed/***PASTE-VIDEO-KEY-HERE***?rel=0" frameborder="0" allowfullscreen></iframe>

5.1.2 Replace ***PASTE-VIDEO-KEY-HERE*** with the video key you copied

Screen Shot 2014-10-05 at 5.32.47 PM

5.2. If the embed code starts with “<iframe”, add

class="youtube-player" type="text/html"

after “<iframe”.

6. Update video details

And there you go! The video should now play on mobile devices; you must do this for each video. If you have any questions, please let me know! Comments and article suggestions are welcome.

Best Regards,
Richi González

Looking for quality Clip-Bucket hosting? Try out Arvixe and you won’t be disappointed.
Tags: , , , , , , , , , , , , , , , , , , , , , | Posted under ClipBucket | RSS 2.0

Author Spotlight

Richi González

I started programming when I was 12. I'm a Developer and have been working with the Clip-Bucket script since it came out. I'm the Liaison between Arvixe and Clip-Bucket, so anything you need regarding Clip-Bucket or any particular computer-related subject you need, let me know so I can assist you.

5 Comments on How to Play YouTube Embedded Videos on Mobiles in Clip-Bucket v2

  1. sam says:

    Not working after doing the above steps..please advise.. thnx in advance

  2. Greg says:

    So it you have THOUSANDS of videos embedded to your website you are basically screwed? There is no site-wide fix to make clipbucket compatible with mobile devices? I just got a notice from Google saying my thousands of pages are not compatible. “These pages will not be seen as mobile-friendly by Google Search, and will therefore be displayed and ranked appropriately for smartphone users.’

    A fix that requires each individual embed code to be altered is a disappointing one.

    • Hello,

      I know it’s disappointing that CB itself lacks this function, therefore I try to make it better. This was a kind of POC. I’ll be working on an automated way to do this to all previous videos.

      Regards,
      Richi

Leave a Reply

Your email address will not be published. Required fields are marked *