1#set($video = $articleToolbox.getArticleViewer("/multimedia/videos"))
2#set($modelo = $articleToolbox.getArticleViewer("0"))
3
4#set($sectionID = "#printAssignedSectionID")
5#set ($varColorIter = $!iterVelocityTools.getVariable($sectionID , "color"))
6<div class="video-principal">
7 <div class="left">
8 <div class="icon-video">
9 <span class="icono-multimedia-video"> </span>
10 </div>
11 <div class="categoria-noticia">
12 #if($varColorIter)
13 <span class='bullet-categoria-noticia' style='background:${varColorIter}'></span>
14 #else
15 <span class='bullet-categoria-noticia'></span>
16 #end
17 <a href="#printURLAssignedSection()">#printAssignedSection()</a>
18 </div>
19
20 #if("#getFullContentTitleInfografiaColombiano" != "")
21 <h4>
22 #getFullContentTitleInfografiaColombiano
23 </h4>
24 #end
25 <figure class="frame">
26 <span class="filete-multimedia-video"> </span>
27 </figure>
28
29 #set ($totalSize = 150)
30
31 #if($Texto_Infografia && $Texto_Infografia.data != "")
32 <p>$Texto_Infografia.data</p>
33 #elseif($TeaserText && $TeaserText.data != "")
34
35 #set($stringResultado = $TeaserText.data)
36
37 #eliminarHTML( $stringResultado)
38 $stringResultado
39 #elseif($Texto_Web && $Texto_Web.data !="")
40
41 ##Recupero todos los párrafos del texto
42
43 #set ($arraText = [])
44 #recuperarParrafosTexto($Texto_Web true true $arraText)
45
46 #set ($textoRecortado ='')
47
48 #recortarTexto($arraText $totalSize $textoRecortado)
49 #elseif($Text && $Text.data !="")
50
51 ##Recupero todos los párrafos del texto
52
53 #set ($arraText = [])
54 #recuperarParrafosTexto($Text true true $arraText)
55
56 #set ($textoRecortado ='')
57
58 #recortarTexto($arraText $totalSize $textoRecortado)
59
60 #end
61
62 #if($modelo != $video)
63 <a href="$modelo">
64 <div class="articulo-relacionado">
65 <span class="icon-articulo-relacionado"> </span>
66 <h6>Artículo relacionado</h6>
67 </div>
68 </a>
69 #end
70
71 <div class="tools-video">
72 <div class="addthis_toolbox addthis_16x16_style customShare" style="position:relative !important;background:transparent">
73 <a class="addthis_button_compact">
74 <span class="share16x16"> </span>
75 </a>
76 </div>
77 <div class="addthis_toolbox addthis_16x16_style customMail" style="position:relative !important;background:transparent">
78 <a class="addthis_button_email">
79 <span class="mail16x16"> </span>
80 </a>
81 </div>
82
83
84 <span class="data">
85 #if($Byline && $Byline.data != "")
86 <h6>$!Byline.data.replaceAll("<p>", "").replaceAll("</p>", "").trim() | #printDateTeaserEc("dd/MM/yyyy", "hh:mm a") </h6>
87 #else
88 </span>
89 </div>
90 </div>
91 <div class="right">
92 <div class="video">
93 ##ESTO ES UN VIDEO
94 #if(($Multimedia && $Multimedia.data !="") || ($Multimedia_Youtube && $Multimedia_Youtube.data !="") || ($Multimedia_Vimeo && $Multimedia_Vimeo.data !="") || ($Multimedia_Brightcove && $Multimedia_Brightcove.data !="") || ($Multimedia_Cloudvideo && $Multimedia_Cloudvideo.data !="") || ($Multimedia_Smarty && $Multimedia_Smarty.data !=""))
95 #if($Multimedia_Vimeo && $Multimedia_Vimeo.data !="")
96 <iframe class="vimeo-player" src="//player.vimeo.com/video/$Multimedia_Vimeo.data" width="790" height="440" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
97 #if($Multimedia_Vimeo.Cutline && $Multimedia_Vimeo.Cutline.data != "")
98 <figcaption class="caption-img">
99 $!Multimedia_Vimeo.Cutline.data
100 </figcaption>
101 #end
102 #elseif($Multimedia_Smarty && $Multimedia_Smarty.data !="")
103 <div style="background-color: #000; height:440px">
104
105 <iframe style="border: 0px; width:790px; height:440px;" class="smarty-player" id="${Multimedia_Smarty.data}_11711" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" width="790" height="440" scrolling=no allowtransparency="true" frameborder="0"></iframe>
106 <script>jQuery(document).ready(function() { setTimeout(function() { IFRIENDLY_DATA.init({idFrm:"${Multimedia_Smarty.data}_11711",url:"webservice/video/11711/${Multimedia_Smarty.data}/600/338/1/last/0/0",twitter:"",volume:100,autoplay:0,hasVideoRelated:0,social_page:1,share_rrss:1,playerType:0,domain:"//widget.playoncenter.com/"})}, 2000); });</script>
107
108 </div>
109 #elseif($Multimedia_Youtube && $Multimedia_Youtube.data !="")
110 <iframe class="youtube-player" type="text/html" width="790" height="440" src="https://www.youtube.com/embed/${Multimedia_Youtube.data}?wmode=opaque" frameborder="0"></iframe>
111 #if($Multimedia_Youtube.Cutline && $Multimedia_Youtube.Cutline.data != "")
112 <figcaption class="caption-img">
113 $!Multimedia_Youtube.Cutline.data
114 </figcaption>
115 #end
116 #elseif($XMultimedia_Brightcove && $XMultimedia_Brightcove.data !="")
117
118 <object id="myExperience${Multimedia_Brightcove.data}" class="BrightcoveExperience" style="display:block;width:790px;height:440px;">
119 <param name="bgcolor" value="#FFFFFF" />
120 <param name="width" value="790" />
121 <param name="height" value="440" />
122 <param name="playerID" value="3033416247001" />
123 <param name="playerKey" value="AQ~~,AAABMdBKz4k~,kXKBkGGWjAWW-gq6A40USK1F9Zdb0knN" />
124 <param name="isVid" value="true" />
125 <param name="isUI" value="true" />
126 <param name="dynamicStreaming" value="true" />
127 <param name="@videoPlayer" value="$Multimedia_Brightcove.data" />
128 <param name="htmlFallback" value="true" />
129 <param name="wmode" value="opaque" />
130 <param name="templateLoadHandler" value="onTemplateLoad790x440" />
131 </object>
132 <div id="surveyDiv790x440" class="surveyDiv" style="display:none"></div>
133 #if($Multimedia_Brightcove.Cutline && $Multimedia_Brightcove.Cutline.data != "")
134 <figcaption class="caption-img">
135 $!Multimedia_Brightcove.Cutline.data
136 </figcaption>
137 #end
138 #elseif($Multimedia_Brightcove && $Multimedia_Brightcove.data !="")
139 #MultimediaBrightcove ("790" "440")
140 #if($Multimedia_Brightcove.Cutline && $Multimedia_Brightcove.Cutline.data != "")
141 <figcaption class="caption-img">
142 $!Multimedia_Brightcove.Cutline.data
143 </figcaption>
144 #end
145 #elseif($Multimedia_Cloudvideo && $Multimedia_Cloudvideo.data !="")
146 #MultimediaCloudvideo ("790" "440")
147 #if($Multimedia_Cloudvideo.Cutline && $Multimedia_Cloudvideo.Cutline.data != "")
148 <figcaption class="caption-img">
149 $!Multimedia_Cloudvideo.Cutline.data
150 </figcaption>
151 #end
152 #elseif($Multimedia && $Multimedia.data !="")
153
154 <div id="playerDetalle" class="normal_multimedia" style="display:block;width:790px;height:440px;"></div>
155 #if($Multimedia.Cutline && $Multimedia.Cutline.data != "")
156 <figcaption class="caption-img">
157 $!Multimedia.Cutline.data
158 </figcaption>
159 #end
160 <script>
161 jQuery(document).ready(function(){
162 initFullContentPlayer('$Multimedia.Preview.data','$Multimedia.Document.data');
163 });
164
165 </script>
166 #end
167 #end
168 </div>
169 </div>
170 <div class="clear"></div>
171</div>
172
173 <!-- AddThis Button BEGIN -->
174 <script type="text/javascript">
175 var realUrl = "#printAcUrl()";
176 var canonical = "http://www.elcolombiano.com/";
177 canonical += realUrl.substr(realUrl.lastIndexOf('/') + 1);
178 var addthis_share = {
179 url: canonical
180 }
181 var addthis_config={data_track_clickback:false};
182 var addthis_share = addthis_share || {}; addthis_share = {passthrough : {twitter: {via: "elcolombiano"}}};
183 </script>
184 <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=elcolombiano"></script>
185 <!-- AddThis Button END -->
