Support Forums - XOOPS Web Application System

Subject:* <
Name/Email:* <
Message Icon:* <
Select* <
Message:* <	xx-Small x-Small Small Medium Large x-Large xx-Large Arial Courier Georgia Helvetica Impact Verdana Haettenschweiler Black Blue Brown Green Grey Orange Paper Purple Red White Yellow [quote] oswaldo wrote: Thanks xd9527 very good. it look better[/quote] Click the Preview to see the content in action.
Options:* <	Enable Smiley Enable Xoops Code
Confirmation Code* <	8 - 1 = ? Input the result from the expression Maximum attempts you can try: 10
* <

Re: hack youtube for html5 & bootstrap3 RWD

by Mamba on 2016/1/22 17:17:47

Thank you again!

Richard added your previous code to the future XOOPS 2.5.8.

I am not sure if he saw your last post, but I'll share it with him...

Re: hack youtube for html5 & bootstrap3 RWD

by xd9527 on 2016/1/20 7:43:00

thank Mamba :)

//compatible old all topic youtube code //

if your site have many old topic used youtube code
but you don't want edit many topic?

ok , find this code

le="color: #000000"><?php $src = "http://www.youtube.com/embed/" . $matches[2];

change to this code

le="color: #000000"><?php $src = "http://www.youtube.com/embed/" . $matches[2]; if (empty($width) || empty($height)) {$width = 16;$height = 9;} if (($width) > 16 ||($width) > 9) {if (($width / $height) > 1.5) {$width = 16;$height = 9;} else {$width = 4;$height = 3;} }

logic
1. if empty , auto add 16:9
2. if larger size (425 or other), auto change to 16:9 or 4:3

done!

Re: hack youtube for html5 & bootstrap3 RWD

by Mamba on 2016/1/16 16:15:07

Thank you so much xd9527 for your code contribution! This is always very much appreciated!

Richard, our Core Team leader was looking at that and will try to incorporate it into XOOPS!

Thank you again!

Re: hack youtube for html5 & bootstrap3 RWD

by oswaldo on 2016/1/15 2:43:26

Thanks xd9527 very good.

it look better

hack youtube for html5 & bootstrap3 RWD

by xd9527 on 2016/1/14 4:06:55

Youtube have many new update ,
so i'm try hack this , for html5 and RWD...

hack point
1. compatible https
2. compatible long url and short url
3. of cause html5 , no flash
4. for bootstrap3 responsive embed , 16:9 and 4:3 and RWD
5 .mobile can full screen

just edit 2 files
\class\textsanitizer\youtube\youtube.php
\language\english\formdhtmltextarea.php

step1. edit \class\textsanitizer\youtube\youtube.php

old default height and width

le="color: #000000"><?php var text2 = prompt(enterFlashWidthPhrase, "425"); var text3 = prompt(enterFlashHeightPhrase, "350");

change to 16:9

le="color: #000000"><?php var text2 = prompt(enterFlashWidthPhrase, "16"); var text3 = prompt(enterFlashHeightPhrase, "9");

--

old only long url

le="color: #000000"><?php if (!preg_match("/^http://(www.)?youtube.com/watch?v=(.*)/i", $url, $matches)) { trigger_error("Not matched: {$url} {$width} {$height}", E_USER_WARNING); return ""; } $src = "http://www.youtube.com/v/" . $matches[2];

change to compatible long url and short url , (i'm code beginner, so stupid code)

le="color: #000000"><?php if (preg_match("/^http[s]?://(www.)?youtu.be/(.*)/i", $url, $matches) ) { } elseif (preg_match("/^http[s]?://(www.)?youtube.com/watch?v=(.*)/i", $url, $matches)) { } else{ trigger_error("Not matched: {$url} {$width} {$height}", E_USER_WARNING); return ""; } $src = "http://www.youtube.com/embed/" . $matches[2];

--

old for flash object

le="color: #000000"><?php $code = "<object width='{$width}' height='{$height}'><param name='movie' value='{$src}'></param>" . "<param name='wmode' value='transparent'></param>" . "<embed src='{$src}' type='application/x-shockwave-flash' wmode='transparent' width='425' height='350'></embed>" . "</object>";

change to bootstrap3 RWD embed-responsive 16by9 and 4by3

le="color: #000000"><?php $code = "<div class='embed-responsive embed-responsive-{$width}by{$height}'>" . "<iframe frameborder='0' class='embed-responsive-item' src='{$src}?controls=1&showinfo=0&rel=0&disablekb=1' allowfullscreen></iframe></div>";

--

step2. edit language \language\english\formdhtmltextarea.php

le="color: #000000"><?php define('_XOOPS_FORM_ALT_ENTERHEIGHT','(Video 16:9 or 4:3) input Height 9 or 3 :'); define('_XOOPS_FORM_ALT_ENTERWIDTH','(Video 16:9 or 4:3) input Width 16 or 4 :');

done!

try this

use newbb dhtml , click youtube, paste short url
Resized Image