From 227700a2367657ecfe63b5af39df1bc7f9b2529b Mon Sep 17 00:00:00 2001
From: Steve Heffernan <steve@zencoder.com>
Date: Tue, 29 Apr 2014 13:39:38 -0700
Subject: [PATCH 1/2] Added a more informative and styled fallback message for
 non-html5 browsers that also have JavaScript disabled

---
 build/demo-files/demo.html |  1 +
 sandbox/index.html.example |  2 +-
 src/css/video-js.less      | 20 ++++++++++++++++++++
 3 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/build/demo-files/demo.html b/build/demo-files/demo.html
index b2b3fa44d6..af4543a856 100644
--- a/build/demo-files/demo.html
+++ b/build/demo-files/demo.html
@@ -25,6 +25,7 @@
     <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
     <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
     <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
+    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
   </video>
 
 </body>
diff --git a/sandbox/index.html.example b/sandbox/index.html.example
index b058ff4f9c..a73ba38a21 100644
--- a/sandbox/index.html.example
+++ b/sandbox/index.html.example
@@ -25,7 +25,7 @@
     <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm'>
     <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg'>
     <track kind="captions" src="../build/demo-files/demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
-    <p>Video Playback Not Supported</p>
+    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
   </video>
 
   <script>
diff --git a/src/css/video-js.less b/src/css/video-js.less
index c225e5d385..cec3f712a1 100644
--- a/src/css/video-js.less
+++ b/src/css/video-js.less
@@ -827,6 +827,26 @@ body.vjs-full-window {
   visibility: visible;
 }
 
+/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
+    The .video-js classname on the video tag also isn't considered.
+    This optional paragraph inside the video tag can provide a message to users
+    about what's required to play video. */
+.vjs-no-js {
+  padding: 20px;
+  color: #ccc;
+  background-color: #333;
+  font-size: 18px;
+  font-family: Arial, sans-serif;
+  text-align: center;
+  width: 300px;
+  height: 150px;
+  margin: 0px auto;
+}
+
+.vjs-no-js a, .vjs-no-js a:visited {
+  color: #F4A460;
+}
+
 // MIXINS
 // =============================================================================
 // Mixins are a LESS feature and are used to add vendor prefixes to CSS rules

From 8a229cac2e02125bf203d2c273855e1de2a94f8c Mon Sep 17 00:00:00 2001
From: Steve Heffernan <steve@zencoder.com>
Date: Mon, 5 May 2014 14:52:42 -0700
Subject: [PATCH 2/2] Updated setup.md and demo.html with fallback paragraph

---
 build/demo-files/demo.html | 2 +-
 docs/guides/setup.md       | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/build/demo-files/demo.html b/build/demo-files/demo.html
index af4543a856..8093718565 100644
--- a/build/demo-files/demo.html
+++ b/build/demo-files/demo.html
@@ -25,7 +25,7 @@
     <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
     <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
     <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
-    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
+    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
   </video>
 
 </body>
diff --git a/docs/guides/setup.md b/docs/guides/setup.md
index 9ef82749a3..8a5ea9d912 100644
--- a/docs/guides/setup.md
+++ b/docs/guides/setup.md
@@ -57,6 +57,7 @@ Otherwise include/exclude attributes, settings, sources, and tracks exactly as y
  <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
  <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
  <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
+ <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
 </video>
 ```