New Post: Unraveling Navigation

Summary:
Lets highlight interesting videos on React Native from community events as well as Facebook events. First up, skevy's talk on mobile navigation.

![screencapture-localhost-8079-react-native-blog-1473287447105](https://cloud.githubusercontent.com/assets/165856/18330912/3ed2b4cc-7510-11e6-92df-c0806765bd61.png)
Closes #9800

Differential Revision: D3834923

Pulled By: mkonicek

fbshipit-source-id: 4c7a4ec8b0ff329fd7c530925021b274987df9b5

blog/2016-09-08-exponent-talks-unraveling-navigation.md

@@ -0,0 +1,12 @@
+---
+title: Exponent Talks: Adam on Unraveling Navigation
+author: Héctor Ramos
+authorTitle: Developer Advocate at Facebook
+authorURL: https://twitter.com/hectorramos
+authorImage: https://s.gravatar.com/avatar/f2223874e66e884c99087e452501f2da?s=128
+authorTwitter: hectorramos
+youtubeVideoId: oeSjTxVkMhc
+category: videos
+---
+
+[Adam Miskiewicz](https://twitter.com/skevy) from [Exponent](http://getexponent.com/) talks about mobile navigation and the [`ex-navigation`](https://github.com/exponentjs/ex-navigation) React Native library at Exponent's office hours last week.

website/core/BlogPostHeader.js

@@ -29,10 +29,11 @@ var BlogPostHeader = React.createClass({
       hero = <a href={href}>{hero}</a>;
     }
 
-    if (post.youtube_video) {
+    if (post.youtubeVideoId) {
+      var embedURL = "https://www.youtube.com/embed/" + post.youtubeVideoId;
       hero = <div className="video-container youtube">
                <iframe id="ytplayer" type="text/html" width="650" height="345"
-        src={post.youtube_video}
+        src={embedURL}
         frameBorder="0"></iframe>
               </div>;
     }