Auto Youtube Link-Converter

[Techno Cowboy]

Have this installed and working as should on vB 4.2.4 B1! :D

Like your hack sir...indeed! :up:

[miguellu]

Hi! Is there any way to enable fullscreen?

[justasiam]

Does this work with those adding articles in the 4.2.xx Suite?

[tharbin]

Works as intended. Thanks a ton

[BadgerDog]

Has anyone else had any issues with users complaining that they are unable to view videos in-line on the site using this mod, yet when they go to the actual YouTube site, they view fine? (see pics)

Also, is there going to be an update to this excellent mod to support API 3.0 from YouTube and also better support the Youtu.be links?

Thanks..

Regards,
Doug

[Disasterpiece]

Hi,

Conflicts may come from any conflicting javascript includes, like for example different jqueries or anything else really. Hard to say without js-console output.

Mod upgrade likely won't happen, as I don't have access to/interest in vb at this point.

[Daniel]

How can I get this working in the blogs section too?

[bosanci28]

Works in vb4.2.3
Thanks.

[mobster46]

How I can png link convert?

[dirkji]

Since last week all YouTube embeds show up as black boxes on IE. Chrome and Firefox work fine. Does anyone have an idea what's causing this?

[alexm]

Since last week all YouTube embeds show up as black boxes on IE. Chrome and Firefox work fine. Does anyone have an idea what's causing this?

I think it is in the vBulletin template 'bbcode_video' (it's nothing to do with this mod). If you change //www to https://www IE should work. I just did the same to my vBulletin 4.2.3 and looked here first!

edit: Now it doesn't work again :mad:

edit2: It's something weird with IE debugger, when I open Developer Tools and then refresh it opens the Youtube fine!

[dirkji]

edit2: It's something weird with IE debugger, when I open Developer Tools and then refresh it opens the Youtube fine!

Yes, I noticed that as well.

When I change:

<meta http-equiv="X-UA-Compatible" content="IE=9">

to

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

the videos work fine, but then my image uploader stops functioning.

Any other ideas?

[dirkji]

It seems to have fixed itself, probably an IE update...

[IggyP]

hmm...noticed ipad mini retina not showing the embeds...any ideas of that? i see in the notes it was meant to be working on at least some form of tablet..

in fact is there a simply all around better version of this? seems like there would be, just didnt see it yet...better to not use flash at all isnt that possible by now?


EDIT:
i removed the flash part of the code....it now loads the embeds into posts....but if you try to play them, it redirects to youtube...anyone know what is the better replace code than this for mobile?

<a href="http://www.youtube.com/watch?v=%1$s">
YouTube Video:<br /><img src="http://img.youtube.com/vi/%1$s/0.jpg" width="480" height="360" alt="Click here to view on youtube" /></a>

[IggyP]

got it...

<iframe id="ytplayer" type="text/html" width="640" height="360"
src="https://www.youtube.com/embed/%1$s"
frameborder="0"></iframe>

[djbaxter]

Posting just for my own clarification the solution from IggyP above...

FIND near line 130 in XML file:

<defaultvalue><![CDATA[<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/%1$s" width="480" height="360">



REPLACE with:

<defaultvalue><![CDATA[<iframe id="ytplayer" type="text/html" width="640" height="360"
src="https://www.youtube.com/embed/%1$s" frameborder="0"></iframe>




Note: This sort of works for iPad. However, it leaves a lot of empty white space with a thumbnail and the fallback link to view on Youtube near the bottom of the post.

On iPhone, it just creates a lot of empty white space, although the video is viewable if I switch to desktop or iPad.

Did I do something incorrectly?

[IggyP]

its just a simple code i found as alternate to the flash...i didnt try it by mobile on phone size, but perhaps its the size settings in the code? i wanted to keep it sort of big for "mobile" tablet but of course phones maybe thats a problem? hmm


theres other options that can be added as well of course.. >> https://developers.google.com/youtube/player_parameters


also this quote from the source: which suggests the sizes 240 and 135 instead of what i used..fwiw...

Use the iframe-embedded version of the player instead of the Flash one. The embedded version is smart enough to render the appropriate player based on the device (ie, it may render the Flash version for phones like the Android that support it, or the HTML5 version for iPhone).

<iframe
width="240" height="135"
src="http://www.youtube.com/embed/videoid"
frameborder="0" allowfullscreen>
</iframe>

EDIT: fwiw, testing with an s5 and ipad mini retina i cannot reproduce, seems to work proper and scale and everything but thats not necessarily saying much

EDIT2: also dont forget this mod has options....so dont really need to hack the xml ;)

[djbaxter]

EDIT2: also dont forget this mod has options....so dont really need to hack the xml ;)

D'oh!

And that explains why it wasn't working for me. When I go to the options, it still has the old Flash code.

Going to try editing that now.

[djbaxter]

And your original fix when I edit it in options works just fine. I tweaked the fallback it just a little for formatting so now the complete contents of the mobile text box in Options looks like this:

<iframe id="ytplayer" type="text/html" width="640" height="360"
src="https://www.youtube.com/embed/%1$s"
frameborder="0"></iframe>
<param name="movie" value="http://www.youtube.com/v/%1$s" />
<param name="quality" value="high" />
<param name="allowFullScreen" value="true" />
<!-- Fallback content -->
<br /><br/><a href="http://www.youtube.com/watch?v=%1$s">
Click here to watch video on YouTube<br /><br /><img src="http://img.youtube.com/vi/%1$s/0.jpg" width="240" height="180" alt="Click here to view on youtube" /></a>
</object>

Thank you, IggyP, both for the fix and for helping me through my D'Oh! moment. :)

[alexm]

I?ve got a problem... over the last 2 weeks (maybe longer!) videos appear as a black window if you use IE11. What it appears to be is:


<meta http-equiv="X-UA-Compatible" content="IE=9" />


in headinclude.

If you remove it Youtube embeds correctly... but unless you have this added then people can?t press enter if they have anything but simple text turned on.

I don?t know whether it is IE?s fault or YouTube?s fault (probably IE :rolleyes:)... does anyone else have this problem?

Alex

[rory2000]

Yes I have the same issue also ... do we know is there a fix or an update ?

[SteveBoogie]

Thanks for updating the mod to accommodate the mobile links brother