adding ogv, and mute button

Author: mshick

dist/react-drive-in.js

@@ -64,8 +64,9 @@
         <button onClick="itemSelect(3);">Item #3</button>
       </div>
 
-      <div class="play-toggle buttons">
+      <div class="toggle buttons">
         <button onClick="playToggle();">Play / Pause</button>
+        <button onClick="muteToggle();">Mute / Unmute</button>
       </div>
 
       <div class="car">
@@ -121,6 +122,14 @@ <h2>Currently Playing: <span id="currItem"></span></h2>
         }
       }
 
+      function muteToggle() {
+        if (driveIn.state.mute) {
+          driveIn.unmute();
+        } else {
+          driveIn.mute();
+        }
+      }
+
       var playlist = [
         [
           'http://dfcb.github.io/BigVideo.js/vids/river.mp4',
@@ -134,6 +143,7 @@ <h2>Currently Playing: <span id="currItem"></span></h2>
         ],
         [
           'http://raw.githubusercontent.com/ronik-design/react-drive-in/master/example/glacier.mp4',
+          'http://raw.githubusercontent.com/ronik-design/react-drive-in/master/example/glacier.ogv',
           'http://raw.githubusercontent.com/ronik-design/react-drive-in/master/example/glacier.jpg'
         ]
       ];

dist/react-drive-in.js.map

@@ -565,15 +565,16 @@ DriveIn.prototype.showPlaylist = function(rawPlaylist, options) {
 };
 
 DriveIn.prototype.setVolume = function(level) {
-
     if (this.currMediaType === 'image') {
         return;
     }
 
     if (level === 0) {
+        this.mute = true;
         this.mediaEl.muted = true;
         this.mediaEl.volume = 0;
     } else {
+        this.mute = false;
         this.mediaEl.muted = false;
         this.mediaEl.volume = level;
     }

example/glacier.ogv

@@ -113,10 +113,12 @@ module.exports = React.createClass({
 
     mute() {
         this.DI.setVolume(0);
+        this.state.mute = true;
     },
 
     unmute() {
         this.DI.setVolume(this.props.volume);
+        this.state.mute = false;
     },
 
     renderMedia() {