am 7fd4d29e: am 392ddb22: Merge "Doc change: add carousel and spotlight for developer video." into klp-docs

* commit '7fd4d29e847984c02561c7f385bfe0947432012e':
  Doc change: add carousel and spotlight for developer video.
This commit is contained in:
Dirk Dougherty
2014-02-08 18:34:44 +00:00
committed by Android Git Automerger
3 changed files with 74 additions and 0 deletions

View File

@@ -7,6 +7,34 @@ header.hide=0
<p>Android developers, their apps, and their successes with Android and Google Play. </p>
<div id="Kiwi" style="background: #F0F0F0;
border-top: 1px solid #DDD;
padding: 0px 0 24px 0;
overflow: auto;
clear:both;
margin-bottom:40px;
margin-top:30px;">
<div style="padding:0 0 0 29px;">
<h4>Developer Story: Kiwi, Inc.</h4>
<img alt="" class="screenshot thumbnail" style="-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px height:78px;
width: 78px;
float: left;
margin: 17px 20px 9px 0;"
src="//lh4.ggpht.com/qUI-8MJy70l4qoVBR_sx-56ckR_m0R_ZXcJ1DiTYUR3R_owWzsCFTYkAk4p5DMnaSdY3=w124" >
<div style="width:700px;">
<p style="margin-top:26px;
margin-bottom:12px;">
Android-first developer <a href="//play.google.com/store/apps/developer?id=Kiwi,+Inc." target="_android">Kiwi, Inc.</a> has five of the top 25 grossing games on Google Play, including <a href="https://play.google.com/store/apps/details?id=com.kiwi.shipwrecked" target="_android">Shipwrecked: Lost Island</a>, <a href="https://play.google.com/store/apps/details?id=com.kiwi.monsterpark" target="_android">Monsterama Park</a>, and <a href="https://play.google.com/store/apps/details?id=com.kiwi.mysteryestate" target="_android">Hidden Object: Mystery Estate</a>. Hear how Google Play helped them double revenue every six months with features like instant updates, staged rollouts, and more.</p>
</div>
<iframe style="float:left;
margin-right:24px;
margin-top:14px;" width="700" height="394" src=
"http://www.youtube.com/embed/WWArLD6nqrk?HD=1;rel=0;origin=developer.android.com;" frameborder="0" allowfullscreen>
</iframe>
</div>
</div>
<div style="background: #F0F0F0;
border-top: 1px solid #DDD;
padding: 0px 0 24px 0;

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

View File

@@ -17,6 +17,52 @@ page.customHeadTag=<meta name="google-site-verification" content="sa-bIAI6GKvct3
<ul>
<!-- set explicit widths as needed to prevent overflow issues -->
<li class="item carousel-home">
<div class="content-left col-11" style="padding-top:65px;">
<script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<div style="box-shadow: 3px 10px 18px 1px #999;width:600px;height:336px">
<div id="ytapiplayer">
<a href="http://www.youtube.com/watch?v=WWArLD6nqrk"><img width=600 src="{@docRoot}images/video-kiwi.jpg"></a><!--You need Flash player 8+ and JavaScript enabled to view this video. -->
</div>
<script type="text/javascript">
var params = { allowScriptAccess: "always" };
var atts = { id: "ytapiplayer" };
swfobject.embedSWF("//www.youtube.com/v/WWArLD6nqrk?enablejsapi=1&playerapiid=ytplayer&version=3&HD=1;rel=0;showinfo=0;modestbranding;origin=developer.android.com;autohide=1",
"ytapiplayer", "600", "336", "8", null, null, params, atts);
// Callback used to pause/resume carousel based on video state
function onytplayerStateChange(newState) {
var isPaused = $("#pauseButton").hasClass("paused");
if ((newState == 1) || (newState == 3)) {
// if playing or buffering, pause the carousel
if (!isPaused) {
$("#pauseButton").click();
}
} else {
// otherwise, make sure carousel is running
if (isPaused) {
$("#pauseButton").click();
}
}
}
// Callback received when YouTube player loads to setup callback (above)
function onYouTubePlayerReady(playerId) {
var ytplayer = document.getElementById("ytapiplayer");
ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
}
</script>
</div>
</div>
<div class="content-right col-4">
<h1 style="white-space:nowrap;line-height:1.2em;">Developer Story: <br />Kiwi, Inc.</h1>
<p>Game developer Kiwi has five of the top 25 grossing titles on Google Play. Hear how Google Play
has helped them double revenue every six months.</p>
<p><a href="{@docRoot}distribute/googleplay/spotlight/index.html" class="button">Watch more videos </a></p>
</div>
</li>
<li class="item carousel-home">
<div class="content-left col-7" style="width:400px;">
<a href="{@docRoot}about/versions/kitkat.html">