| Line 65... |
Line 65... |
| 65 |
</ul>
|
65 |
</ul>
|
| 66 |
</div>
|
66 |
</div>
|
| 67 |
<!-- /slideGuideNav -->
|
67 |
<!-- /slideGuideNav -->
|
| 68 |
|
68 |
|
| 69 |
## Javascript if generated to keep the state of current video in a slide
|
69 |
## Javascript if generated to keep the state of current video in a slide
|
| 70 |
<script language="JavaScript">
|
70 |
<script language="javascript" type="text/javascript">
|
| 71 |
<!--
|
- |
|
| 72 |
currentVideoIds = {};
|
71 |
currentVideoIds = {};
|
| 73 |
#foreach ( $expslide in $expslides )
|
72 |
#foreach ( $expslide in $expslides )
|
| 74 |
#if($expslide.getSlideDefinitionID() == 130001)
|
73 |
#if($expslide.getSlideDefinitionID() == 130001)
|
| 75 |
#set( $videoRefs = $allvideolabels)
|
74 |
#set( $videoRefs = $allvideolabels)
|
| 76 |
#set( $medias = $allmedias)
|
75 |
#set( $medias = $allmedias)
|
| Line 89... |
Line 88... |
| 89 |
#end
|
88 |
#end
|
| 90 |
#end
|
89 |
#end
|
| 91 |
|
90 |
|
| 92 |
played = {};
|
91 |
played = {};
|
| 93 |
function onYouTubePlayerReady(playerId) {
|
92 |
function onYouTubePlayerReady(playerId) {
|
| 94 |
if(playerId.split("player").length!=2) {
|
- |
|
| 95 |
ytplayer = document.getElementById(playerId);
|
93 |
ytplayer = document.getElementById(playerId);
|
| 96 |
ytplayer.addEventListener("onStateChange", "onPlayerStateChange");
|
94 |
ytplayer.addEventListener("onStateChange", "onPlayerStateChange");
|
| 97 |
ytplayer.cueVideoById(playerId.split("recommended")[1]);
|
95 |
ytplayer.cueVideoById(playerId.split("recommended")[1]);
|
| 98 |
}
|
96 |
}
|
| 99 |
}
|
- |
|
| 100 |
|
97 |
|
| 101 |
function onPlayerStateChange(newState) {
|
98 |
function onPlayerStateChange(newState) {
|
| 102 |
if(newState==0){
|
99 |
if(newState==0){
|
| 103 |
ytplayer = document.getElementById("ytPlayer");
|
100 |
ytplayer = document.getElementById("ytPlayer");
|
| 104 |
ytplayer.cueVideoById(currentVideoId);
|
101 |
ytplayer.cueVideoById(currentVideoId);
|
| 105 |
}
|
102 |
}
|
| 106 |
if (played[currentVideoId] == 0 && newState==1) {
|
103 |
if (played[currentVideoId] === undefined && newState==1) {
|
| 107 |
played[currentVideoId] = 1;
|
104 |
played[currentVideoId] = 1;
|
| 108 |
trackEventWithGA('Product', 'Video-play', $('title').text().split('|')[0].trim() + " | " + currentVideoId);
|
105 |
trackEventWithGA('Product', 'Video-play', $('title').text().split('|')[0].trim() + " | " + currentVideoId);
|
| 109 |
}
|
106 |
}
|
| 110 |
}
|
107 |
}
|
| 111 |
</script>
|
108 |
</script>
|
| Line 280... |
Line 277... |
| 280 |
<li><a style="font-weight:bold;color:#FF0000" class="mk_videoclick" slidename="$expslide.getSlideDefinition().getLabel()" slidecounter="$velocityCount">Videos #if($videoCount && $videoCount > 0)($videoCount)#end</a></li>
|
277 |
<li><a style="font-weight:bold;color:#FF0000" class="mk_videoclick" slidename="$expslide.getSlideDefinition().getLabel()" slidecounter="$velocityCount">Videos #if($videoCount && $videoCount > 0)($videoCount)#end</a></li>
|
| 281 |
#end
|
278 |
#end
|
| 282 |
</ul>
|
279 |
</ul>
|
| 283 |
#if($isImage == 0)
|
280 |
#if($isImage == 0)
|
| 284 |
<div id="vtab-media-img-$velocityCount">
|
281 |
<div id="vtab-media-img-$velocityCount">
|
| 285 |
<script language="JavaScript">
|
282 |
<script language="javascript" type="text/javascript">
|
| 286 |
<!--
|
283 |
<!--
|
| 287 |
var NumberOfImages_$velocityCount = 1;
|
284 |
var NumberOfImages_$velocityCount = 1;
|
| 288 |
var img_$velocityCount = new Array(NumberOfImages_$velocityCount)
|
285 |
var img_$velocityCount = new Array(NumberOfImages_$velocityCount)
|
| 289 |
#set($count=0)
|
286 |
#set($count=0)
|
| 290 |
img_$velocityCount[$count] = "${defaulturl}/images/media/${entityid}/${mediaPrefix}-default-${params.DEFAULT_IMAGE_SUFFIX}.jpg"
|
287 |
img_$velocityCount[$count] = "${defaulturl}/images/media/${entityid}/${mediaPrefix}-default-${params.DEFAULT_IMAGE_SUFFIX}.jpg"
|
| Line 304... |
Line 301... |
| 304 |
|
301 |
|
| 305 |
#if($isImage == 1)
|
302 |
#if($isImage == 1)
|
| 306 |
<div id="vtab-media-img-$velocityCount">
|
303 |
<div id="vtab-media-img-$velocityCount">
|
| 307 |
<!-- slide show start -->
|
304 |
<!-- slide show start -->
|
| 308 |
<!-- Script required for slideshow start -->
|
305 |
<!-- Script required for slideshow start -->
|
| 309 |
<script language="JavaScript">
|
306 |
<script language="javascript" type="text/javascript">
|
| 310 |
<!--
|
307 |
<!--
|
| 311 |
#set( $imageRefs = $expslide.getFreeformContent().getImageLabels())
|
308 |
#set( $imageRefs = $expslide.getFreeformContent().getImageLabels())
|
| 312 |
#if($slideDefinitionID == 130001)
|
309 |
#if($slideDefinitionID == 130001)
|
| 313 |
#set( $imageRefs = $allimagelabels)
|
310 |
#set( $imageRefs = $allimagelabels)
|
| 314 |
#end
|
311 |
#end
|
| Line 407... |
Line 404... |
| 407 |
<!-- Recommended Videos-->
|
404 |
<!-- Recommended Videos-->
|
| 408 |
<div id="recommendedvids" style="border-top:1px solid #67ABD3;padding:20px 10px;margin:15px">
|
405 |
<div id="recommendedvids" style="border-top:1px solid #67ABD3;padding:20px 10px;margin:15px">
|
| 409 |
#set($counter = 0)
|
406 |
#set($counter = 0)
|
| 410 |
<h3>Recommended Videos</h3>
|
407 |
<h3>Recommended Videos</h3>
|
| 411 |
<div id="vtab-media-vid">
|
408 |
<div id="vtab-media-vid">
|
| 412 |
<script language="JavaScript">
|
409 |
<script language="javascript" type="text/javascript">
|
| 413 |
<!--
|
410 |
<!--
|
| 414 |
#set( $videoRefs = $allvideolabels)
|
411 |
#set( $videoRefs = $allvideolabels)
|
| 415 |
var NumberOfVideos = $videoRefs.size();
|
412 |
var NumberOfVideos = $videoRefs.size();
|
| 416 |
var video_title = new Array(NumberOfVideos);
|
413 |
var video_title = new Array(NumberOfVideos);
|
| 417 |
#set( $medias = $allmedias)
|
414 |
#set( $medias = $allmedias)
|