-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathEp36.html
72 lines (60 loc) · 3.07 KB
/
Ep36.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Bernstein's YPC Player</title>
<!-- Dependencies -->
<script src="thirdparty/modernizr.custom.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="thirdparty/js.cookie.js"></script>
<!-- CSS -->
<link rel="stylesheet" href="build/ableplayer.min.css" type="text/css"/>
<!-- JavaScript -->
<script src="build/ableplayer.min.js"></script>
</head>
<body>
<script src='https://code.jquery.com/jquery-3.1.0.min.js'></script>
<script src="main.js"></script>
<script src="purl.js"></script>
<div id="header">
<h1>XXXVI. What is a Mode?</h1>
<div class="top">
<a href="index.html"><img src="images/backarrow.png" class="back"></a>
<div id="details">
<h5>Original CBS Television Network</h5>
<h5>Broadcast Date: November 23, 1966</h5>
<h5>Produced and Directed by Roger Englander</h5>
</div>
<div id="summary">
<h5>Bernstein discusses scales, intervals and tones, and analyzes several pieces, including Debussy's Fetes, Rimsky-Korsakov's Scheherazade, and music from the Kinks and the Beatles, to illustrate different modes. An excerpt from Bernstein's ballet Fancy Free is also performed.</h5>
<br><br>
</div>
</div>
</div>
<div class="row-top">
<div id="chapters"></div>
<!-- Video Player -->
<video id="video1" preload="auto" data-chapters-div="chapters" data-use-chapters-button="false" data-chapters-title="Table of Contents" data-chapters-default="Chapter 1" data-seekbar-scope="chapter" data-prevnext-unit="chapter" width="480" height="360" poster="Ep36_Resources/cover.bmp" data-search="Beethoven" data-search-div="results">
<source type="video/mp4" src="https://s3.amazonaws.com/musedlab-nyphil/bernstein/What_is_a_Mode.mp4"/>
<source type="video/webm" src="https://s3.amazonaws.com/musedlab-nyphil/bernstein/What_is_a_Mode.webm"/>
<track kind="captions" src="Ep36_Resources/captions_script.vtt" srclang="es" label="Script"/>
<track kind="captions" src="Ep36_Resources/captions_transcript.vtt" srclang="ed" label="Transcript"/>
<track kind="captions" src="Ep36_Resources/captions_musicalcues.vtt" srclang="en" label="Musical Cues"/>
<track kind="descriptions" src="Ep36_Resources/descriptions_script.vtt" srclang="es">
<track kind="descriptions" src="Ep36_Resources/descriptions_transcript.vtt" srclang="ed">
<track kind="descriptions" src="Ep36_Resources/descriptions_musicalcues.vtt" srclang="en">
<track kind="chapters" src="Ep36_Resources/chapters.vtt" srcland="en">
</video>
<iframe id="document" src="Ep36_Resources/What is a Mode.pdf" height=500 width=400 ></iframe>
</div>
<div class="row-bottom">
<div id="results-wrapper">
<h2>Your Search Results</h2>
<p>You searched for: <span id="search-term"></span></p>
<div id="results" class="able-search-results"></div>
</div>
<input id="search-bar" type="text">
<div id="searchbutton">Search</div>
</div>
</body>
</html>