Plantilla Liferay para videos

<style type="text/css">
    #video p {
       font-size: 1.1em;
    }
    #video h3  {
        color: #fff;
        background-color: #258dc8;

    }

   
</style>


<div id="video">
<video id="sampleMovie" width="100%" poster="http://www.asepeyo.es$video_img.getData()" preload controls>
   <source src="http://www.asepeyo.es$video_link_mov.getData()" type='video/mp4;' />
   <source src="http://www.asepeyo.es$video_link_ogg.getData()" type='video/ogg; codecs="theora, vorbis"' />
   <source src="http://www.asepeyo.es$video_link_vp8.getData()" type='video/webm; codecs="vp8, vorbis"' />

<object>
  <embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/windowsmedia/default.aspx"
    width="400" height="162" src="http://www.asepeyo.es$video_link_flv.getData()"
    showcontrols="True" showstatusbar="False"
    showdisplay="False" autorewind="True"
    AutoStart="True">
  </embed>
</object>
</video>
<div id="video_desc">
<h3>$video_title.getData()</h3>
<p>$video_desc.getData()</p>
</div></div>
##
## Velocity Transform Template
##
## All dynamic elements in a structure can be accessed as a Velocity variable.
##
## The given structure:
##
## <root>
##   <dynamic-element name="main-text" type="text_area">
##     <dynamic-element name="sub-image" type="image"></dynamic-element>
##     <dynamic-element name="sub-text" type="text"></dynamic-element>
##   </dynamic-element>
##   <dynamic-element name="more-text" type="text_area"></dynamic-element>
##   <dynamic-element name="ms-list" type="multi-list">
##     <dynamic-element name="chocolate" type="Chocolate"></dynamic-element>
##     <dynamic-element name="strawberry" type="Strawberry"></dynamic-element>
##     <dynamic-element name="vanilla" type="Vanilla"></dynamic-element>
##   </dynamic-element>
## </root>
##
## The dynamic element "main-text" can be accessed in the following ways:
##
## $main-text.getName()     - The name "main-text"
## $main-text.getData()     - The data in the article for main-text
## $main-text.getType()     - The type "text-area"
## $main-text.getChildren() - A collection with two nodes (sub-image and
##                            sub-text) that can be used in the #foreach clause
## $main-text.getSiblings() - A collection of elements with the name
##                            "main-text". This will only return more than one
##                            element if this element is repeatable.
##
## One special accessor exists for elements of type "multi-list":
##
## $ms-list.getOptions() - A collection with up to three string entries
##                         (chocolate, strawberry, or vanilla) that can be used
##                         in the #foreach clause
##
## Another special accessor exists for elements of type "link_to_layout":
##
## $linkToPage.getUrl() - The URL that links to the selected page in the current
##                        site.
##
## The variable $journalTemplatesPath can be used to include another Journal
## template, e.g. #parse ("$journalTemplatesPath/LAYOUT-PARENT")
##
## The variable $viewMode specifies which mode the article is being viewed in.
## For example, if $viewMode evaluates to "print", that means the user clicked
## the print icon to view this article.
##