Including YouTube videos & image and how they should be displayed in the EE Articles

Task Details :-

The editor can insert youtube videos by the following procedure:

• Includes in the text of the article the following tag: {YOUTUBE_VIDEO_MIDDLE}
• Enter the identifier in the custom field “youtube”
• Enter the alignment in the custom field “youtube_align”.

There are two problems related to the insertion of youtube videos:

• If the editor enters a youtube video, but also an image, the re-sizing of the image is not working as it should in the permalink.
• If the user enters a you-tube video in place of the image (i.e. on the top-left), it is not being displayed of the appropriate size in the Artcle List page.

Action desired:
• If a youtube video is inserted in the middle of the article (not on the top-left) and an image is inserted in the right usual place (top-left):
o The size of the image should be height 90px (for Article List page) and height 200px (for permalink).
o The size of the video in the permalink should be 230px width.
• If a youtube video is inserted at the top-left instead of an image:
o The video’s height in the Article List page should be 90px.
o The video’s width in the permalink should be 230px.

YouTube Template:-

<object width="{embed:youtube_width}" height="{embed:youtube_height}" align="{embed:youtube_align}"><param name="movie" value="http://www.youtube.com/v/{embed:youtube}"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/{embed:youtube}" type="application/x-shockwave-flash" wmode="transparent" width="{embed:youtube_width}" height="{embed:youtube_height}" align="{embed:youtube_align}"></embed></object>

Article List Page:-

{exp:weblog:entries weblog="weblog name" status="open|not closed" limit="10"}<br /><a href="{permalink=">{title}</a><br/>{entry_date format="%D, %j %M %Y"} | {comment_total}<br/><br />{exp:word_limit total="100"}{if youtube != ''}{if youtube_align=="center"}{exp:replace find="sizIH|YOUTUBE_VIDEO_MIDDLE" replace="90|embed='site/youtube_tmpl' youtube='{youtube}' youtube_height='90' youtube_align='left'" multiple="yes"}{body}{/exp:replace}{/if}{if youtube_align!="center"}{embed="site/youtube_tmpl" youtube="{youtube}" youtube_height="90" youtube_align="{youtube_align}"}{exp:replace find="sizIH" replace="90" regex="yes"}{body}{/exp:replace}{/if}{if:else}{exp:replace find="sizIH" replace="90" regex="yes"}{body}{/exp:replace}{/if}{/exp:word_limit}<br/> <br /><br />{paginate} Page {current_page} of {total_pages} pages {pagination_links} {/paginate}{/exp:weblog:entries}

Permalink Page :-

{exp:weblog:entries weblog="weblog_name" status="open|editing"}{if youtube != ''}{if youtube_align=="center"}{exp:replace find="sizIH|YOUTUBE_VIDEO_MIDDLE" replace="200|embed='site/youtube_tmpl' youtube='{youtube}' youtube_width='230' youtube_height='190' youtube_align='left'" multiple="yes"}{body}{/exp:replace}{/if}{if youtube_align!="center"}<br /><br />{embed="site/youtube_tmpl" youtube="{youtube}" youtube_width="230" youtube_height="190" youtube_align="{youtube_align}"}{exp:replace find="sizIH" replace="200" regex="yes"}{body}{/exp:replace}{/if}{if:else}{exp:replace find="sizIH" replace="200" regex="yes"}{body}{/exp:replace}{/if}{/exp:weblog:entries}