Topic: Resize embedded videos on portal page (as images are now resized)

[MESSIAH]

How to change height my posts in new posts block? I have embed video from Youtube 640 x 480 px and I want smaller posts in there (check my site if You don't understand me).

[phantomm]

Chodzi o blok z wpisami dodanymi jako artykuły?
Are you talking about block with articles?

[MESSIAH]

Nie o blok "nowe tematy" na stronie głównej portalu - sprawdź stronę główną to będziesz wiedzaił o co mi chodzi
No I talk about "new posts" in portal site - chceck my site then You see what I have on my mind.

[AngelinaBelle]

At http://yoump3.pl/, which block is this?

[MESSIAH]

I talk about:
Board News
sp_function_sp_boardNews in front page

[AngelinaBelle]

You are using AEVA Media to embed videos in those posts, and you are using boardnews to display them on the front page, and you want the embedded videos to be smaller.

If you simply force a smaller size for each article in function sp_boardNews, that would not look right. Are you using one of AEVA's tags to embed the video, or are you just putting the link to the video in?

AEVA BBC tags have options for controlling the size of the embedded video, don't they?

[MESSIAH]

Yes i put links into posts. But when I change size video to smaller then all the video in posts will be small. I want to have this effect:
Orginal posts - 100% size video
Board News - 70 - 80% size video

[AngelinaBelle]

I understand now, perfectly, why you want this.

Achieving this would require some custom coding, also involving javascript. This would be similar to how SimplePortal uses javascript to resize images on the portal page.

Only, it seems to me this would be a little more copmplicated because the resize needs to be done in several places -- the table, the table cell, the object. And there is a piece of AEVA javascript to contend with, as well.  It looks like it may also be trying to set the object size.

Would you like me to move this to the custom coding section, and rename your post to attract the attention of customizers?

Code: [Select]

<table style="width: 480px;" id="sae1" class="maeva" border="0" cellSpacing="0" cellPadding="0">
<tbody><tr><td style="width: 480px; height: 385px;" id="saeva1">
<object id="aevawi1" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="480" height="385"><PARAM NAME="_cx" VALUE="12700"><PARAM NAME="_cy" VALUE="10186"><PARAM NAME="FlashVars" VALUE=""><PARAM NAME="Movie" VALUE="http://www.youtube.com/v/MntbN1DdEP0&amp;rel=0&amp;fs=1&amp;showinfo=1"><PARAM NAME="Src" VALUE="http://www.youtube.com/v/MntbN1DdEP0&amp;rel=0&amp;fs=1&amp;showinfo=1"><PARAM NAME="WMode" VALUE="Transparent"><PARAM NAME="Play" VALUE="0"><PARAM NAME="Loop" VALUE="-1"><PARAM NAME="Quality" VALUE="High"><PARAM NAME="SAlign" VALUE="LT"><PARAM NAME="Menu" VALUE="-1"><PARAM NAME="Base" VALUE=""><PARAM NAME="AllowScriptAccess" VALUE="never"><PARAM NAME="Scale" VALUE="NoScale"><PARAM NAME="DeviceFont" VALUE="0"><PARAM NAME="EmbedMovie" VALUE="0"><PARAM NAME="BGColor" VALUE=""><PARAM NAME="SWRemote" VALUE=""><PARAM NAME="MovieData" VALUE=""><PARAM NAME="SeamlessTabbing" VALUE="1"><PARAM NAME="Profile" VALUE="0"><PARAM NAME="ProfileAddress" VALUE=""><PARAM NAME="ProfilePort" VALUE="0"><PARAM NAME="AllowNetworking" VALUE="all"><PARAM NAME="AllowFullScreen" VALUE="true"><param name="wmode" value="transparent"><param name="quality" value="high"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="never"><param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer"><param name="autoplay" value="false"><param name="autostart" value="false"><param name="movie" value="http://www.youtube.com/v/MntbN1DdEP0&amp;rel=0&amp;fs=1&amp;showinfo=1"></object>
<script type="text/javascript"><!-- // --><![CDATA[
var oldLoad = window.onload;
window.onload = function() { if (typeof(oldLoad) == "function") oldLoad(); aevacopy(); }
swfobject.embedSWF("http://www.youtube.com/v/MntbN1DdEP0&rel=0&fs=1&showinfo=1", "aevid1", "480", "385", "9", aeinst, {}, aevams, {id:"aevawi1"});
// ]]></script></td></tr></tbody></table>


[MESSIAH]

I have example to do this:

Code: [Select]

<?php

$string = <<<XML
<?xml version='1.0'?>
    <object width="480" height="385">
        <param name="movie" value="http://www.youtube.com/v/R6uJGqS-KQY?fs=1&amp;hl=el_GR"> </param>                   
        <param name="allowFullScreen" value="true"></param>
        <param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/R6uJGqS-KQY?fs=1&amp;hl=el_GR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed>               
    </object>
XML;
$xml = simplexml_load_string($string);                                       
echo "Original Width/Height:".$xml->attributes()->width."px/".$xml->attributes()->height."px<br>";

$newwidth = 280;
$newheight = ($xml->attributes()->height / $xml->attributes()->width) * $newwidth;

echo "New Width/Height:".$newwidth."px/".$newheight."px<br>";

echo <<<HTML
    <object width="{$newwidth}" height="${newheight}">
        <param name="movie" value="http://www.youtube.com/v/R6uJGqS-KQY?fs=1&amp;hl=el_GR"> </param>
        <param name="allowFullScreen" value="true"></param>
        <param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/R6uJGqS-KQY?fs=1&amp;hl=el_GR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="${newwidth}" height="${newheight}"></embed>
    </object>
HTML;
?>

Which one file I need to edit?? Portal.template.php?? Help plz I need to do this.

[AngelinaBelle]

This is a little bit more complicated than that.
Do you understand how image resizing works?  There are several steps to it, and they involve a combination of php and javascript. This would have to be done in a similar fashion.