some changes in sdk for ad_banner

app/assets/javascripts/frontend.js

@@ -1,7 +1,7 @@
 (function($) {
 	$("document").ready(function(){
         // Get link data-attribute and make the banner clickable 
-        $('.w-ad-banner__slide').not('[data-link=""]').addClass('cursor').on("click",function(){
+        $('.w-ad-banner__slide').not('[data-link=""]').not(".youtube").addClass('cursor').on("click",function(){
             window.open($(this).data("link"),"_blank");
         })
      })

app/templates/orbit_bootstrap/assets/javascripts/app.js

@@ -30,9 +30,9 @@
 
         // Necessary for Responsive images
         function bullEye() {
-            $(".bullseye").bullseye({
-                fadeEffect: false
-            });
+            // $(".bullseye").bullseye({
+            //     fadeEffect: false
+            // });
         }
 
         // Adding class to submenu that has dropdown items

app/templates/orbit_bootstrap/assets/stylesheets/template/modules/ad_banner.scss

@@ -99,7 +99,7 @@
     position: absolute;
     right: 1em;
     bottom: 1em;
-    z-index: 100;
+    z-index: 102;
 
     li {
       display: inline-block;
@@ -158,4 +158,8 @@
       opacity: 1;
     }
   }
+}
+
+.cycle-slide-active{
+  z-index: 101 !important;
 }

app/templates/orbit_bootstrap/modules/ad_banner/_ad_banner_widget2.html.erb

@@ -1,29 +0,0 @@
-<div class="w-ad-banner ad-banner-widget-2 container">
-  <div class="w-ad-banner__wrap  cycle-slideshow"
-      data-list="images"
-      data-level="0"
-      data-cycle-slides=".w-ad-banner__slide"
-      data-cycle-log="false"
-      data-overlay=".w-ad-banner__caption"
-      data-pager=".w-ad-banner__pager"
-      data-pager-template="<li><a href='#'></a></li>"
-      data-pager-active-class="active-slide"
-      data-cycle-youtube=true
-      data-cycle-youtube-autostart=false
-    >
-    <div class="w-ad-banner__slide {{class}}"
-        data-link="{{link}}"
-        data-cycle-title="{{title}}"
-        data-cycle-desc="{{context}}"
-        data-overlay-template="<h2>{{title}}</h2>{{desc}}"
-      >
-        <img class="w-ad-banner__image" src="{{image_link}}">
-    </div>
-    <div class="w-ad-banner__slide  youtube {{class}}"
-        data-link=""
-    >
-      <a class="w-ad-banner__slide" href="https://www.youtube.com/v/f7AU2Ozu8eo?version=3&hl=en_US&rel=0&enablejsapi=1">Paul Irish</a>
-    </div>
-  </div>
-    <ul class="w-ad-banner__pager"></ul>
-</div>

app/templates/orbit_bootstrap/modules/ad_banner/_ad_banner_widget2_video.html.erb

@@ -0,0 +1,39 @@
+<div class="w-ad-banner ad-banner-widget-2 container">
+  <div class="w-ad-banner__wrap  cycle-slideshow"
+      data-list="images"
+      data-level="0"
+      data-cycle-timeout="3000"
+      data-cycle-slides=".w-ad-banner__slide"
+      data-cycle-log="false"
+      data-overlay=".w-ad-banner__caption"
+      data-cycle-auto-height="640:360"
+      data-pager=".w-ad-banner__pager"
+      data-pager-template="<li><a href='#'></a></li>"
+      data-pager-active-class="active-slide"
+      data-cycle-youtube="true"
+      data-cycle-youtube-autostart="false">
+
+    {{html}}
+  </div>
+    <ul class="w-ad-banner__pager"></ul>
+</div>
+<script type="text/javascript">
+  $("document").ready(function(){
+    // total_players = $("*[data-youtube-id]").length
+    $("*[data-youtube-id]").each(function(){
+      var obj = $(this).find("embed");
+      obj.attr("id",$(this).data("youtube-id"));
+    })
+  });
+  function onYouTubePlayerReady(playerId) {
+      var y = document.getElementById(playerId);
+      y.addEventListener("onStateChange", "onytplayerStateChange");
+  }
+  function onytplayerStateChange(newState) {
+    if(newState == 0){
+      $(".cycle-slideshow").cycle("resume");
+    }else if(newState == 1){
+      $(".cycle-slideshow").cycle("pause");
+    }
+  }
+</script>

app/templates/orbit_bootstrap/modules/ad_banner/info.json

@@ -9,10 +9,10 @@
             "thumbnail" : "thumbnail-block.png"
         },
         {
-            "filename" : "ad_banner_widget2",
+            "filename" : "ad_banner_widget2_video",
             "name" : {
                 "zh_tw" : "2. 橫幅輪播 ( 圖片, 導航圖示 )",
-                "en" : "2. Carousel ( image, navigation )"
+                "en" : "2. Carousel ( image, navigation, video )"
             },
             "thumbnail" : "thumbnail-block.png"
         },