Skip to content
Browse files

Error message for browsers that don't support video

  • Loading branch information...
1 parent 0aded2e commit 7418aaf40485878908bf90e03eb0ac40f5583e89 @brianchirls committed Apr 24, 2012
Showing with 30 additions and 1 deletion.
  1. +27 −0 css/style.css
  2. +3 −1 index.html
View
27 css/style.css
@@ -565,3 +565,30 @@ a, a:visited {
html.no-video .require-video {
display: none;
}
+
+#no-video {
+ display: none;
+}
+
+html.no-video #no-video {
+ display: block;
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-image: url('../image/no-video.png');
+}
+
+html.no-video #no-video-msg {
+ width: 430px;
+ margin: 200px auto;
+ padding: 23px 55px;
+ background-color: #24211C;
+ border: #867C5F solid 1px;
+ color: white;
+}
+
+html.no-video #no-video-msg a {
+ color: #D4C395;
+}
View
4 index.html
@@ -60,7 +60,9 @@
<div class="close-related-all"><span class="close">Close</span>Related content for all chapters</div>
</div>
</section>
- <footer></footer>
+ <div id="no-video">
+ <div id="no-video-msg">This interactive video format is incompatible with your browser. If your device supports Adobe Flash Player, click here to view this feature. Otherwise, we recommend using a recent version of <a href="https://www.google.com/chrome">Google Chrome</a,g> <a href="http://getfirefox.com">Mozilla Firefox</a> or <a href="http://www.apple.com/safari/">Apple Safari</a> to view this page.</div>
+ </div>
</body>
<script type="text/javascript" src="external/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="external/popcorn.js"></script>

0 comments on commit 7418aaf

Please sign in to comment.
Something went wrong with that request. Please try again.