S'ha produït un error mentre es processava la plantilla.
Negative range end index (-3) isn't allowed for a range used for slicing.
The blamed expression:
==> 0..(file.getSize()?length - 4)  [in template "10154#10192#RECURSO-VIDEO" at line 345, column 120]

----
FTL stack trace ("~" means nesting-related):
	- Failed at: ${file.getSize()[0..(file.getSize()?l...  [in template "10154#10192#RECURSO-VIDEO" at line 345, column 103]
----
1<#-- get services --> 
2<#assign LiteralsToolsServiceUtil = serviceLocator.findService("com.aqua.literals.util.LiteralsToolsService")/> 
3<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") /> 
4<#assign UtilsService = serviceLocator.findService("com.educaixa.common.service.EduCaixaCommonService")/> 
5<#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") /> 
6<#assign dLFileEntryLocalService = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService") /> 
7<#assign valoracionesDisplay = serviceLocator.findService("com.educaixa.services.service.RatingStatsLocalService")/> 
8<#assign LiteralsToolsServiceUtil = serviceLocator.findService("com.aqua.literals.util.LiteralsToolsService")/> 
9<#assign language = themeDisplay.getLocale()/> 
10<#assign groupId = themeDisplay.getScopeGroupId()/> 
11<#assign restultsLiteral = LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.common.link.resultados") /> 
12<#assign recurso = LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso") /> 
13<#assign serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()> 
14<#assign httpServletRequest = serviceContext.getRequest() /> 
15<#assign UserBookmarkLocalService = serviceLocator.findService("com.educaixa.services.service.UserBookmarkLocalService") /> 
16 
17<#-- get the content categories --> 
18<#assign article = journalArticleLocalService.getArticle(getterUtil.getLong(scopeGroupId), .vars['reserved-article-id'].data) /> 
19<#assign asset = assetEntryLocalService.getEntry("com.liferay.journal.model.JournalArticle", article.resourcePrimKey) /> 
20 
21<#-- get the results URL and valoration value--> 
22<#assign results_url = "https://${request.serverName}/${locale.getLanguage()}${restultsLiteral}?q=" /> 
23<#assign valoracionesDisplayAverage = 0/> 
24<#if valoracionesDisplay.fetchByResourcePK(scopeGroupId,themeDisplay.getCompanyId(),article.getResourcePrimKey()) ??> 
25    <#assign valoracionesDisplayValue = valoracionesDisplay.findByResourcePK(scopeGroupId,themeDisplay.getCompanyId(),article.getResourcePrimKey()) /> 
26    <#assign valoracionesDisplayAverage = valoracionesDisplayValue.getAverageGlobalScore() /> 
27</#if> 
28 
29<#assign journalArticleId = .vars['reserved-article-id'].data/> 
30<#assign userId =themeDisplay.getUserId()/> 
31<#assign isUserBookmark = UserBookmarkLocalService.isUserBookmark(themeDisplay.getCompanyId(),userId,journalArticleId,groupId)/> 
32 
33<#-- Resource type --> 
34<#assign resourceType = LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.video") /> 
35<#assign imgType = "/o/educaixa-theme/images/video-icon.png"> 
36 
37<#-- Escape title text --> 
38<#assign titleEscaped = "" /> 
39<#if titulo.getData()??> 
40    <#assign titleEscaped = titulo.getData()?replace('<p>','','r')/> 
41    <#assign titleEscaped = titleEscaped?replace('</p>','','r')/> 
42    <#assign titleEscaped = titleEscaped?replace('<div>','','r')/> 
43    <#assign titleEscaped = titleEscaped?replace('</div>','','r')/> 
44    <#assign titleEscaped = titleEscaped?replace('<h1>','','r')/> 
45    <#assign titleEscaped = titleEscaped?replace('</h1>','','r')/> 
46</#if> 
47 
48<#assign subtituloEscaped = "" /> 
49<#if subtitulo.getData()??> 
50    <#assign subtituloEscaped = subtitulo.getData() /> 
51    <#assign subtituloEscaped = subtituloEscaped?replace('<p>','','r')/> 
52    <#assign subtituloEscaped = subtituloEscaped?replace('</p>','','r')/> 
53</#if> 
54 
55<#-- get image alt --> 
56<#if image_alt?? && image_alt.getData()?? && image_alt.getData() != ""> 
57    <#assign altImage = image_alt.getData() /> 
58<#else> 
59    <#assign altImage = titleEscaped /> 
60</#if> 
61 
62<#-- get image banner --> 
63<#if imagenficha ?? && imagenficha.getData() ?? && imagenficha.getData() != ""> 
64    <#assign imageSrc = imagenficha.getData() /> 
65<#else>     
66    <#assign imageSrc = "/o/educaixa-theme/images/blured-lights-recursos.png" /> 
67</#if> 
68 
69<#assign language = themeDisplay.getLocale()/> 
70<#assign nivel_educativo = []> 
71<#assign area_conocimiento = []> 
72<#assign competencias = []> 
73<#assign objectius = []> 
74 
75<#list asset.getCategories() as cur_category> 
76    <#if cur_category.vocabularyId == 10515> 
77        <#assign nivel_educativo = nivel_educativo + [cur_category.getTitle(language)]> 
78    <#elseif cur_category.vocabularyId == 6> 
79        <#assign area_conocimiento = area_conocimiento + [cur_category.getTitle(language)]> 
80    <#elseif cur_category.vocabularyId == 401> 
81        <#assign competencias = competencias + [cur_category.getTitle(language)]> 
82    <#elseif cur_category.vocabularyId == 43203> 
83        <#assign objectius = objectius + [cur_category.getTitle(language)]> 
84    </#if> 
85</#list> 
86 
87<#-- 
88<#assign videoid =  linkTxt.externalLink.getData()?replace('https://img.youtube.com/vi/','','r')/> 
89<#assign videoid =  videoid?replace('/hqdefault.jpg','','r')/> 
90--> 
91 
92<#assign thesaurusCategories = UtilsService.getThesaurusCategories(asset) /> 
93<#assign tagsCategories = UtilsService.getTagsCategories(asset) /> 
94<#assign categories = thesaurusCategories + tagsCategories /> 
95 
96<#-- Login --> 
97<#assign is_signed_in = themeDisplay.isSignedIn()/> 
98<#assign plid = portalUtil.getPlidFromPortletId(themeDisplay.getScopeGroupId(), "EducaixaMyeducaixaLogin") /> 
99<#assign loginURL = portletURLFactory.create(httpServletRequest, "EducaixaMyeducaixaLogin", plid, "RENDER_PHASE") /> 
100${loginURL.setParameter("mvcPath", "/login_modal.jsp")} 
101${loginURL.setWindowState("POP_UP")} 
102 
103<#if docprincipal.getData()??> 
104	<#assign siteMeta = UtilsService.getDocumentMetadataInJSON(docprincipal.getData(), themeDisplay) /> 
105</#if> 
106 
107<#-- Banner section --> 
108<div class="container vertical image-view"> 
109    <div class="row"> 
110        <#if siteMeta.get(0).brightcove_id?? && siteMeta.get(0).brightcove_id != ""> 
111            <div class="video"> 
112                <img src="http://img.youtube.com/vi/${siteMeta.get(0).brightcove_id}/0.jpg" alt="youtube-img" class="iframe-video crop img-fluid col-lg-7 video-player "  > 
113                <a href="#" class="trigger" data-target="#myModal" data-toggle="modal" data-backdrop="false"> 
114                    <svg viewBox="0 0 26 26" style="fill:white;"> 
115                      <polygon class="play-btn__svg" points="9.33 6.69 9.33 19.39 19.3 13.04 9.33 6.69"/> 
116                      <path class="play-btn__svg" d="M26,13A13,13,0,1,1,13,0,13,13,0,0,1,26,13ZM13,2.18A10.89,10.89,0,1,0,23.84,13.06,10.89,10.89,0,0,0,13,2.18Z"/> 
117                    </svg>  
118                         
119                </a> 
120            </div> 
121        <#else> 
122            <img src="${imageSrc}" alt="${altImage}" width="900px" height="458px" class="video-player">   
123        </#if> 
124        <div class="box-img col-lg square"> 
125            <#if resourceType != ""> 
126                <p class="box-img-pre-rec" >${recurso} - ${resourceType} </p> 
127            </#if> 
128            <#if titulo?has_content> 
129                <h1 class="box-img-title-rec">${titleEscaped}</h1> 
130            </#if> 
131            <#if subtitulo?has_content> 
132                <p class="box-img-sub-title-rec">${subtituloEscaped}</p> 
133            </#if> 
134            <p class="box-img-categ-rec"> 
135                <#if categories?has_content> 
136					<#list categories as category> 
137						<#-- redirige la pagina de resultados por tag--> 
138						<a onClick="updateTagsCicks('${category.getTitle(locale)}');" href="${results_url}${category.getTitle(locale)}" >${category.getTitle(locale)}</a> 
139					</#list> 
140				</#if> 
141            </p> 
142            <hr> 
143            <button class="card-button-purple color-caixa-purple background-white" id="myBtn">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.common.link.ver")}</button>       
144            <div class="card-actions flex"> 
145                <div class="statistics"> 
146                    <svg viewBox="0 0 36 36" class="circular-chart orange"><line x1="18" y1="-5" x2="18" y2="5" stroke="black" stroke-width="2"></line> 
147                        <path class="circle-bg" d="M18 2.0845 
148                            a 15.9155 15.9155 0 0 1 0 31.831 
149                            a 15.9155 15.9155 0 0 1 0 -31.831"></path> 
150                        <path class="circle" stroke-dasharray="${valoracionesDisplayAverage*20}, 100" d="M18 2.0845 
151                            a 15.9155 15.9155 0 0 1 0 31.831 
152                            a 15.9155 15.9155 0 0 1 0 -31.831"></path> 
153                        <text x="18" y="22" class="percentage">${valoracionesDisplayAverage}</text> 
154                    </svg> 
155                </div> 
156                <div class="share"> 
157                    <button id="share"></button> 
158                    <div class="addthis_inline_share_toolbox tooltip"></div> 
159                </div> 
160                <div class="bookmark"> 
161					<#if is_signed_in> 
162						<#if isUserBookmark> 
163							<button id="bookmark" onClick="updateUserBookmark(${journalArticleId},false);" data-articleid="${journalArticleId}" class="bookmark bookmarked"></button>  
164						<#else> 
165							<button id="bookmark" onClick="updateUserBookmark(${journalArticleId},true);" data-articleid="${journalArticleId}" class="bookmark"></button> 
166						</#if> 
167					<#else> 
168						<button id="bookmark" onClick="event.stopPropagation();openPopup('${loginURL}','','500', '650')"></button> 
169					</#if> 
170                </div> 
171            </div> 
172            <div id="myModal" class="modal-resource"> 
173                <div class="modal-content-resource"> 
174                    <span class="close">&times;</span> 
175                    <#if siteMeta.get(0).brightcove_id?? && siteMeta.get(0).brightcove_id != ""> 
176                        <iframe id="yt-modal" src="https://www.youtube-nocookie.com/embed/${siteMeta.get(0).brightcove_id}?rel=0" width="100%" height="458px%" allowfullscreen webkitallowfullscreen mozallowfullscreen frameborder='0'></iframe> 
177                    </#if> 
178                </div> 
179            </div> 
180        </div> 
181    </div> 
182</div> 
183 
184<#-- Video section --> 
185<#if docprincipal.getSiblings()?size gt 1 > 
186<#assign classIframe = "video-selected-recurso" /> 
187<div class="container info-video"> 
188    <#list docprincipal.getSiblings() as cur_docprincipal> 
189        <#assign siteMetaDoc = UtilsService.getDocumentMetadataInJSON(cur_docprincipal.getData(), themeDisplay) /> 
190        <#assign idioma = siteMetaDoc.get(0).idioma?keep_after('"')?keep_before('"') /> 
191        <div class="${classIframe} image-preview-video"> 
192        <img onClick='changeIframeUrl("${siteMetaDoc.get(0).brightcove_id}", "${idioma}");' src="http://img.youtube.com/vi/${siteMetaDoc.get(0).brightcove_id}/0.jpg" alt="youtube-img"> 
193        </div> 
194        <#assign classIframe = "" /> 
195    </#list> 
196</div> 
197</#if> 
198 
199<#-- Categories section--> 
200<div class="container vertical info-view"> 
201    <div class="row"> 
202        <#if nivel_educativo?size != 0 > 
203            <div class="col-lg col-xs-6 col-sm"> 
204                <h2 class="purple-title">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.nivel.educativo")}</h2> 
205                <ul> 
206                    <#list nivel_educativo as item> 
207                        <li class="marked">${item}</li> 
208                    </#list> 
209                </ul> 
210	        </div> 
211        </#if> 
212        <#if area_conocimiento?size != 0 > 
213        	<div class="col-lg col-xs-6 col-sm"> 
214                <h2 class="purple-title">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.area.conocimiento")}</h2> 
215                <ul> 
216                    <#list area_conocimiento as item> 
217                        <li class="marked">${item}</li> 
218                    </#list> 
219                </ul> 
220        	</div> 
221        </#if> 
222        <#if area_conocimiento?size != 0 > 
223        	<div class="col-lg col-xs-6 col-sm"> 
224                <h2 class="purple-title">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.competencias")}</h2> 
225                <ul> 
226                    <#list competencias as item> 
227                        <li class="marked">${item}</li> 
228                    </#list> 
229                </ul> 
230	        </div> 
231        </#if> 
232        <#if siteMeta?? && siteMeta.get(0).idioma?has_content> 
233        	<div class="col-lg col-xs-6 col-sm"> 
234                <h2 class="purple-title">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.idioma")}</h2> 
235                <ul> 
236                    <#assign idioma = siteMeta.get(0).idioma?keep_after('"')?keep_before('"') /> 
237                    <li class="marked idiomaList">${idioma} </li> 
238                </ul> 
239	        </div> 
240        </#if>         
241    </div> 
242    <hr class="line-12">  
243</div> 
244 
245<#-- Content section--> 
246<div class="container vertical info-content"> 
247    <div class="row"> 
248        <div class="col-lg-7 col-xs-12"> 
249            <#if introduccion?has_content> 
250                <h2 class="obj-rec-title"> 
251                    <b style="color: #7B2FA1;">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.descripcion")}</b> 
252                </h2> 
253                <p class="description-text-rec"> 
254                    ${introduccion.getData()} 
255                </p> 
256            </#if> 
257            <#if objetivosdidacticos?has_content && objetivosdidacticos.getData() != ""> 
258                <h2 class="obj-rec-title"> 
259                    <b>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.objetivos")}</b> 
260                </h2> 
261                <div class="row" style="margin-top: 4%;"> 
262                    ${objetivosdidacticos.getData()} 
263                </div> 
264            <#elseif objetivosText?? && objetivosText.getData()?has_content> 
265                <h2 class="obj-rec-title"> 
266                    <b>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.objetivos")}</b> 
267                </h2> 
268                <div class="row"> 
269            	    <#list objetivosText.getSiblings() as cur_objetivosText> 
270            	        <#if cur_objetivosText.getData()?has_content && cur_objetivosText.getData()??> 
271                    	    <div class="col-md-6 mt-3"> 
272                    	    	<div class="objetivo"><h4>#${cur_objetivosText?index + 1}</h4></div> 
273                    	    	<div >${cur_objetivosText.getData()}</div> 
274                    	    </div> 
275                	    </#if> 
276            	    </#list> 
277                </div> 
278            </#if> 
279            <#-- Si las competencias del programa no incluyen dimensiones y/o subcompetencias, el modulo se sustituye por uno como el de objetivos!!!!!!--> 
280            <#if competenceGeneralDescription.getSiblings()?has_content> 
281                <div class="compet-rec-dropdown"> 
282                    <#if competenceGeneralDescription.getData()?has_content> 
283                        <h2 class="obj-rec-title"> 
284		                    <b>${competenceGeneralDescription.getData()}</b> 
285		                </h2> 
286		                <div class="compet-rec-dropdown"> 
287		                    <#-- 
288		                    Por ahora no está el campo relleno. HAbilitar cuando se solicite   
289		                    <li class="compet-rec-sub accordion">${competenceGeneralDescription.competenceTitle.getData()}</li>--> 
290		                    <div class="compet-rec-sub-info panel">${competenceGeneralDescription.competenceTitle.competenceDesc.getData()}</div> 
291		                </div> 
292                    </#if> 
293                </div> 
294            </#if> 
295            <#if otrainfodidactica.getData()?has_content> 
296                <h2 class="obj-rec-title"> 
297                    ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.sobre")} 
298                </h2> 
299                <p class="desc-rec">${otrainfodidactica.getData()}</p> 
300            </#if> 
301            <#-- MATERIALES Y DESCARGAS -->	 
302            <#if materialrelacionado.getData()?has_content || linkTxt.getSiblings()?has_content || materialrelacionado.titulomaterial.getSiblings()?has_content > 
303                <h2 class="obj-rec-title"> 
304                    ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.material.relacionado")} 
305                </h2> 
306                <#list materialrelacionado.getSiblings() as fileText> 
307                    <#if materialesTexto.getData()?has_content> 
308                        <div> 
309                            ${materialesTexto.getData()} 
310                        </div> 
311                    </#if> 
312                    <#if linkTxt.internalLink.getData()?has_content> 
313                        <#list linkTxt.getSiblings() as linkTxt> 
314                            <li class="resource-lis"> 
315                                <#if linkTxt.internalLink.getData()?has_content && is_signed_in> 
316                                    <a href="${linkTxt.internalLink.getData()}"> 
317                                <#elseif linkTxt.externalLink.getData()?has_content && is_signed_in> 
318                                    <a href="${linkTxt.externalLink.getData()}" target="_blank"> 
319                                <#else> 
320                                    <a onClick="openPopup('${loginURL}','','500', '650')"> 
321                                </#if> 
322                                    <span>${linkTxt.getData()}</span> 
323                                    </a> 
324                            </li> 
325                            </ul> 
326                        </#list> 
327                    </#if> 
328                </#list> 
329                <#if materialrelacionado.titulomaterial.getSiblings()?has_content> 
330                    <#list materialrelacionado.getSiblings() as material> 
331                        <#if material.getData()?? && material.getData() != ""> 
332                            <#assign file = dLFileEntryLocalService.getFileEntryByUuidAndGroupId(material.getData()?keep_after_last("/")?keep_before("?"),scopeGroupId) /> 
333                            <li class="resource-lis"> 
334                                <#if is_signed_in> 
335                                	<#if material.getData()?contains("?t")> 
336										<#assign materialUrl = material.getData()[0..(material.getData()?last_index_of("/") - 1)]/> 
337                                	<#else> 
338										<#assign materialUrl = material.getData()[0..material.getData()?length]/> 
339									</#if> 
340                                    <a href="${material.getData()}" target="_blank" onClick="addGTMEvent('contenido', 'descarga recursos', '${materialUrl}')"> 
341                                <#else> 
342                                    <a onClick="openPopup('${loginURL}','','500', '650')"> 
343                                </#if> 
344	                                <span>${material.titulomaterial.getData()}</span> 
345	                                <span> (${file.getMimeType()?keep_after_last("/")?upper_case} ${file.getSize()[0..(file.getSize()?length - 4)]}Kb)</span> 
346	                                </a> 
347                            </li> 
348                        </#if> 
349                    </#list> 
350                </#if> 
351                <#if descargable.getData()?has_content> 
352                    <div class = "row"> 
353                        <#if is_signed_in> 
354							<#if descargable.getData()?contains("?t")> 
355								<#assign descargableUrl = descargable.getData()[0..(descargable.getData()?last_index_of("/") - 1)]/> 
356                            <#else> 
357								<#assign descargableUrl = descargable.getData()[0..descargable.getData()?length]/> 
358							</#if> 
359                            <p class="center"><a href="${descargable.getData()}" class= "link-rec" onClick="addGTMEvent('contenido', 'descarga recursos', '${descargableUrl}')">${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.download.all")}</a></p> 
360                        <#else> 
361                            <p class="center"><a onClick="openPopup('${loginURL}','','500', '650') class= "link-rec" ">${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.download.all")}</a></p> 
362                        </#if> 
363                    </div> 
364			    </#if> 
365            </#if> 
366            <#-- EJEMPLOS DE USO --> 
367            <#if casosuso.getData()?has_content> 
368                <div class="bloque" id="ejemplos-uso-recurso"> 
369                    <h2 class="obj-rec-title">${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.example.use")}</h2> 
370                    <div class="row" style="margin-top: 4%;"> 
371                        ${casosuso.getData()} 
372                    </div> 
373                </div> 
374            </#if> 
375        </div> 
376        <#-- Register content --> 
377		<#if journalArticleLocalService.fetchArticle(groupId, "CAPTACION_RECURSO") ??> 
378		<#assign register = journalArticleLocalService.getArticle(groupId, "CAPTACION_RECURSO")/>  
379			<#if register?? && register != ""> 
380	            <#assign registerContent = journalArticleLocalService.getArticleContent(register, register.DDMTemplateKey, "VIEW", themeDisplay.getLocale(), themeDisplay) />  
381	        </#if> 
382	        <#assign registerContent = journalArticleLocalService.getArticleContent(register, register.DDMTemplateKey, "VIEW", themeDisplay.getLocale(), themeDisplay) />  
383		  	<div class= "captacion-ficha"> 
384		  		${registerContent} 
385	  		</div> 
386	    </#if> 
387    </div> 
388</div> 
389 
390<script> 
391$( document ).ready(function() { 
392    initAddThis(); 
393    var searchParams = new URLSearchParams(window.location.search); 
394    var countImg = $(".image-preview-video img").length; 
395    if(searchParams.has('v')){ 
396        var valueParam = searchParams.get('v'); 
397        if(valueParam > 1 && valueParam <= countImg){ 
398            $(".image-preview-video:nth-child("+ valueParam +") img").click(); 
399
400
401     
402    var recursoTitle = document.getElementsByTagName('title')[0].innerHTML; 
403    window.dataLayer = window.dataLayer || []; 
404     dataLayer.push({ 
405         'event': 'CG',  
406         'eventCategory': 'recurso | video', 
407         'eventAction': recursoTitle 
408     }) 
409     
410     
411}); 
412$( "#myModal .close" ).click(function() { 
413	$('#yt-modal').each(function(){ 
414	  this.contentWindow.postMessage('{"event":"command","func":"stopVideo","args":""}', '*') 
415	}); 
416}); 
417 
418$(".image-preview-video").click(function() { 
419    $('.video-selected-recurso').removeClass("video-selected-recurso"); 
420    $(this).addClass("video-selected-recurso"); 
421}); 
422 
423function changeIframeUrl(idVideo, idioma){ 
424    var urlIframe = $('.iframe-video').attr("src"); 
425    urlIframe = "http://img.youtube.com/vi/"+idVideo+"/0.jpg"; 
426    $('.iframe-video').attr("src", urlIframe); 
427    var urlIframePopup = $('#yt-modal').attr("src"); 
428    var count = urlIframePopup.indexOf("embed/"); 
429    var urlIframeReplace = urlIframePopup.substring(count); 
430    count = urlIframeReplace.indexOf("/"); 
431    urlIframeReplace = urlIframeReplace.substring(count+1); 
432    count = urlIframeReplace.indexOf("?"); 
433    urlIframeReplace = urlIframeReplace.substring(0,count); 
434    urlIframePopup = urlIframePopup.replace(urlIframeReplace, idVideo); 
435    $('#yt-modal').attr("src", urlIframePopup); 
436    $(".iframe-video")[0].scrollIntoView() 
437    $(".idiomaList").text(idioma); 
438
439</script> 
440 
441<style> 
442.objetivo{ 
443    color: #7B2FA1; 
444
445.video-selected-recurso{ 
446    border: 5px solid #7B2FA1; 
447
448.image-preview-video{ 
449    max-width: 15%;  
450    margin-right: 1%; 
451
452.image-preview-video img{ 
453    cursor: pointer; 
454
455.info-video{ 
456    margin-top: 10px;  
457    margin-bottom: 10px;  
458    display:flex; 
459
460@media only screen and (max-width: 1024px) { 
461    .image-preview-video{ 
462        max-width: 50%;  
463        margin-right: 1%; 
464        margin: auto; 
465        margin-top: 10px; 
466
467    .info-video{ 
468        display:block; 
469
470     
471
472.video { position: relative; } 
473 
474.video a { 
475   position: absolute; 
476   display: block; 
477   height: 80px; 
478   width: 80px; 
479   top: 45%; 
480   left: 45%; 
481
482 
483.crop{ 
484    width: 900px;  
485    height: 548px; 
486     
487
488</style> 
5.0
Encara no hi ha cap comentari. Sigues el primer a enviar comentaris.

Valoració mitjana global sobre 5

Basada en 1 valoracions