PageSourceSearch

https://cowpad.org/

html cowpad.org collected 2026-10-04 06:25:55 UTC 25,365 bytes, 365 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<title>Winchester Pipes & Drums</title>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1">
6<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
7<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
8<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
9<style>
10body {font-family: "Lato", sans-serif}
11span.rev { unicode-bidi:bidi-override; direction:rtl }
12span.rev.email.band:before { content:"gro." }
13span.rev.email.band:after { content:"@dnab" }
14span.rev.phone.billy:before { content:"5890-" }
15span.rev.phone.billy:after { content:" (045)" }
16span.rev.phone.bryant:before { content:"1011-" }
17span.rev.phone.bryant:after { content:" (045)" }
18.mySlides {display: none}
19
20    .youtube-player {
21        position: relative;
22        padding-bottom: 56.23%;
23        /* Use 75% for 4:3 videos */
24        height: 0;
25        overflow: hidden;
26        max-width: 100%;
27        background: #000;
28        margin: 5px;
29    }
30    
31    .youtube-player iframe {
32        position: absolute;
33        top: 0;
34        left: 0;
35        width: 100%;
36        height: 100%;
37        z-index: 100;
38        background: transparent;
39    }
40    
41    .youtube-player img {
42        bottom: 0;
43        display: block;
44        left: 0;
45        margin: auto;
46        max-width: 100%;
47        width: 100%;
48        position: absolute;
49        right: 0;
50        top: 0;
51        border: none;
52        height: auto;
53        cursor: pointer;
54        -webkit-transition: .4s all;
55        -moz-transition: .4s all;
56        transition: .4s all;
57    }
58    
59    .youtube-player img:hover {
60        -webkit-filter: brightness(75%);
61    }
62    
63    .youtube-player .play {
64        height: 72px;
65        width: 72px;
66        left: 50%;
67        top: 50%;
68        margin-left: -36px;
69        margin-top: -36px;
70        position: absolute;
71        background: url("https://upload.wikimedia.org/wikipedia/commons/b/b8/YouTube_play_button_icon_%282013%E2%80%932017%29.svg") no-repeat;
72        cursor: pointer;
73    }
74</style>
75<body>
76<!-- Navbar -->
77<div class="w3-top">
78  <div class="w3-bar w3-black w3-card">
79    <a class="w3-bar-item w3-button w3-padding-large w3-hide-medium w3-hide-large w3-right" href="javascript:void(0)" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
80    <a href="index.html#" class="w3-bar-item w3-button w3-padding-large">HOME</a>
81    <a href="index.html#events" class="w3-bar-item w3-button w3-padding-large w3-hide-small">EVENTS</a>
82    <a href="index.html#contact" class="w3-bar-item w3-button w3-padding-large w3-hide-small">CONTACT/HIRE</a>
83    <a href="index.html#learn" class="w3-bar-item w3-button w3-padding-large w3-hide-small">LEARN TO PLAY</a>
84    <a href="index.html#about" class="w3-bar-item w3-button w3-padding-large w3-hide-small">ABOUT</a>
85    <div class="w3-dropdown-hover w3-hide-small">
86      <button class="w3-padding-large w3-button" title="More">MEMBERS <i class="fa fa-caret-down"></i></button>     
87      <div class="w3-dropdown-content w3-bar-block w3-card-4">
88        <a href="members.html" class="w3-bar-item w3-button">Member Info</a>
89        <a href="members.html#rehearsal" class="w3-bar-item w3-button">Practice/Rehearsals</a>
90        <a href="members.html#music" class="w3-bar-item w3-button">Music</a>
91        <a href="Documents/CoWPaDBy-Laws.doc" download target="_blank" class="w3-bar-item w3-button">By-Laws</a>
92      </div>
93    </div>
94    <a href="summerschool.html" class="w3-bar-item w3-button w3-padding-large w3-hide-small">SUMMER SCHOOL</a>
95    <a href="burns.html" class="w3-bar-item w3-button w3-padding-large w3-hide-small">ROBERT BURNS DINNER</a>
96  </div>
97</div>
98
99<!-- Navbar on small screens (remove the onclick attribute if you want the navbar to always show on top of the content when clicking on the links) -->
100<div id="navDemo" class="w3-bar-block w3-black w3-hide w3-hide-large w3-hide-medium w3-top" style="margin-top:46px">
101  <a href="index.html#events" class="w3-bar-item w3-button w3-pad
101ding-large" onclick="myFunction()">EVENTS</a>
102  <a href="index.html#contact" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">CONTACT/HIRE</a>
103  <a href="index.html#learn" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">LEARN TO PLAY</a>
104  <a href="index.html#about" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">ABOUT</a>
105  <a href="members.html" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">MEMBERS</a>
106  <a href="members.html#rehearsal" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">PRACTICE/REHEARSALS</a>
107  <a href="members.html#music" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">MUSIC</a>
108  <a href="summerschool.html" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">SUMMER SCHOOL</a>
109  <a href="burns.html" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">ROBERT BURNS DINNER</a>
110</div>
111
112<!-- Page content -->
113<div style="background-image: url(gordon.gif)"><br><br><br><br><br><br></div>
114<div class="w3-content" style="max-width:2000px;margin-top:46px">
115
116  <!-- Automatic Slideshow Images -->
117  <div class="w3-content" style="max-width:800px">
118    <div class="mySlides w3-display-container w3-center">
119      <img src="images/CoWPaD-Recital-2019a.jpg" style="width:100%">
120      <div class="w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small">
121      </div>
122    </div>
123    <div class="mySlides w3-display-container w3-center">
124      <img src="images/manassas_stpats.bmp" style="width:100%">
125      <div class="w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small">
126      </div>
127    </div>
128    <div class="mySlides w3-display-container w3-center">
129      <img src="images/snow_parade.bmp" style="width:100%">
130      <div class="w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small">
131      </div>
132    </div>
133  </div>
134
135  <!-- The Band Section -->
136  <div class="w3-container w3-content w3-center w3-padding-64" style="max-width:800px" id="band">
137    <h2 class="w3-wide" >THE BAND</h2>
138    <p class="w3-opacity"><i>City of Winchester Pipes and Drums</i></p>
139    <p class="w3-justify">As the officially-recognized pipe band of the City of Winchester, Virginia, we perform traditional and seasonal music on the Great Highland Bagpipes and Scottish Drums at various parades, ceremonies, and events in Winchester and across the region. We are an all-volunteer band from a variety of backgrounds and are always seeking new members, from beginners to experienced musicians. As members of the Eastern United States Pipe Band Association, we also compete in Grade 5 at various Highland games and Scottish/Celtic festivals. The band and individual musicians are available for hire.</p>
140      <br/>
141      <div class="youtube-player" data-id="kth-rN8Iu8E"></div>
142  </div>
143  <div style="background-image: url(gordon.gif)"><br><br><br><br></div>
144
145
146  <!-- The Events Section -->
147  <div class="w3-black" id="events">
148    <div class="w3-container w3-content w3-padding-64" style="max-width:800px">
149      <h2 class="w3-wide w3-center">EVENTS</h2>
150      <p class="w3-opacity w3-center"><i>Come join us!</i></p><br>
151        <div class="sk-fb-event" data-embed-id="25658814"></div>
151<script src="https://widgets.sociablekit.com/facebook-page-events/widget.js" defer></script>
151
152		<!--<div class="fb-page" data-width=500 data-height=500 data-href="https://www.facebook.com/winchesterpipesdrums" data-tabs="events,timeline" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false"><blockquote cite="https://www.facebook.com/winchesterpipesdrums" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/winchesterpipesdrums">City of Winchester Pipes and Drums</a></blockquote></div>-->
153	    <!--<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fwinchesterpipesdrums&tabs=events%2Ctimeline&width=300&height=500&small_header=true&adapt_container_width=true&hide_cover=true&show_facepile=false&appId" width="300" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>-->
154	  </div>
155      <!--<ul class="w3-ul w3-border w3-white w3-text-grey">
156        <li class="w3-padding">Dec 02 | <a target="_blank" href="https://visitwinchesterva.com/event/christmas-parade-and-tree-lighting-ceremony/">Winchester Christmas Parade</a><span class="w3-tag w3-green w3-margin-left">Free!</span></li>
157        <li class="w3-padding">Dec 07 | <a target="_blank" href="http://christmasinmiddleburg.org/">Middleburg Christmas Parade</a> <span class="w3-tag w3-green w3-margin-left">Free!</span></li>
158        <li class="w3-padding">Mar 07 | <a target="_blank" href="http://oldtownwinchesterva.com/events/major-events/st-paddys-celtic-fest/">Winchester St. Paddy's Celtic Festival</a> <span class="w3-tag w3-green w3-margin-left">Free!</span></li>
159        <li class="w3-padding">Mar 14 | <a target="_blank" href="https://www.stpatparade.net/">Manassas St. Patrick's Day Parade</a> <span class="w3-tag w3-green w3-margin-left">Cancelled</span></li>
160        <li class="w3-padding">Mar 17 | Winchester St. Patrick's Day Pub Crawl <span class="w3-tag w3-green margin-left">Free!</span></li>
161        <li class="w3-padding">May 01 | <a target="_blank" href="https://thebloom.com/event/firefighters-parade/">Apple Blossom Firefighter's Parade</a> <span class="w3-tag w3-red w3-margin-left">Cancelled</span></li>
162        <li class="w3-padding">May 02 | <a target="_blank" href="https://thebloom.com/event/grand-feature-parade/">Apple Blossom Grand Feature Parade</a> <span class="w3-tag w3-red w3-margin-left">Cancelled</span></li>
163        <li class="w3-padding">May 18 | <a target="_blank" href="https://www.facebook.com/events/379746602756652/">
163Charles Town Salute to Armed Forces & Veterans</a> <span class="w3-tag w3-green w3-margin-left">Free!</span></li>
164        <li class="w3-padding">May 25 | <a target="_blank" href="http://emmanuel-delaplane.org/Delaplane-Strawberry-Festival/">Delaplane Strawberry Festival<a> <span class="w3-tag w3-green w3-margin-left">Tickets at the Gate</span></li>
165        <li class="w3-padding">Jun 18 | <a target="_blank" href="./recital.html">Shenandoah Concert of Piping and Drumming<a> <span class="w3-tag w3-red w3-margin-left">Cancelled</span></li>
166		<li class="w3-padding">Sep 5 | <a target="_blank" href="http://www.vascottishgames.org/">Virginia Scottish Games<a> <span class="w3-tag w3-red w3-margin-left">Cancelled</span></li>
167		<li class="w3-padding">Oct 24 | <a target="_blank" href="https://vacelticfestival.com/">Richmond Highland Games<a> <span class="w3-tag w3-red w3-margin-left">Cancelled</span></li>
168        <li class="w3-padding">Jan 23 | <a target="_blank" href="burns.html">Winchester Robert Burns Night 2021</a> <span class="w3-tag w3-red w3-margin-left">Cancelled</span></li>
169        <li class="w3-padding">Apr 3 | <a target="_blank" href="burns.html">Tartan Day 2021</a> <span class="w3-tag w3-blue w3-margin-left">Info Coming Soon</span></li>
170      </ul>-->
171	  <!--<p class="w3-opacity w3-center"><i>*Free standing admission, ticketed seats available</i></p><br>-->
172<!--
173      <div class="w3-row-padding w3-padding-32" style="margin:0 -16px">
174		<div class="w3-third w3-margin-bottom">
175          <a target="_blank" href="http://oldtownwinchesterva.com/events/major-events/st-paddys-celtic-fest/"><img src="https://oldtownwinchesterva.com/wp/wp-content/uploads/image001-4-300x253.jpg" alt="Winchester St. Paddy's Day Celtic Fest" style="width:100%" class="w3-hover-opacity"></a>
176          <div class="w3-container w3-white">
177            <p><a target="_blank" href="http://oldtownwinchesterva.com/events/major-events/st-paddys-celtic-fest/"><b>Winchester St. Paddy's Day Celtic Fest</b></a></p>
178            <p class="w3-opacity">Sat 7 Mar 2020</p>
179            <p>Join your hometown pipe band at the Winchester St. Paddy's Day Celtic Fest on the walking mall in the afternoon!</p>
180          </div>
181        </div>
182        <div class="w3-third w3-margin-bottom">
183          <a target="_blank" href="https://www.stpatparade.net/"><img src="https://www.stpatparade.net/wp-content/uploads/2019/01/Logo-Color-Small.png" alt="Manassas St. Patrick's Parade" style="width:100%" class="w3-hover-opacity"></a>
184          <div class="w3-container w3-white">
185            <p><a target="_blank" href="https://www.stpatparade.net/"><b>Manassas St. Patrick's Day Parade</b></a></p>
186            <p class="w3-opacity">Sat 14 Mar 2020</p>
187            <p>Parade starts at 11am and finishes by noon. More details available at the link above!</p>
188          </div>
189        </div>
190        <div class="w3-third w3-margin-bottom">
191          <a target="_blank" href="https://www.facebook.com/City-of-Winchester-Pipes-and-Drums-264254876897/"><img src="https://scontent.fric1-1.fna.fbcdn.net/v/t1.0-9/29432377_10155163789886898_6431438536183906304_n.jpg?_nc_cat=102&_nc_ohc=NSqVqAr1i30AQk4lnHyjoDUB-zSrsF6lrp5cAHEuroWAEvR3EJ26a8e9g&_nc_ht=scontent.fric1-1.fna&oh=e47fa4c0f9dbd6b44ed418ba17b148d4&oe=5E7B0401" alt="Winchester St. Paddy's Day Pub Crawl" style="width:100%" class="w3-hover-opacity"></a>
192          <div class="w3-container w3-white">
193            <p><a target="_blank" href="https://www.facebook.com/City-of-Winchester-Pipes-and-Drums-264254876897/"><b>St. Patrick's Day Pub Crawl</b></a></p>
194            <p class="w3-opacity">Tue 17 Mar 2020</p>
195            <p>Pub crawl beginning in the afternoon and continuing through the evening. Full schedule of stops will be posted on our Facebook page!</p>
196          </div>
197        </div>
198      </div>
199-->
200      
201    </div>
202  </div>
203
204  <!-- The Contact/Hire Section -->
205  <div style="background-image: url(gordon.gif)"><br><br><br><br></div>
206  <div class="w3-container w3-content w3-center w3-padding-64" style="max-width:800px" id="contact">
207    <h2>CONTACT</h2>
208
209    <em>Hire a piper... or the whole band!</em>
210    <div class="w3-container w3-content w3-justify">
211        <p>The band is available for hire for your parade, festival, or ceremony. Individual pipers and drummers are also available for hire for weddings, funerals, and other events. We perform throughout the Shenandoah Valley and the wider tri-state region.</p>
212        
213        <p>Interested in joining the band or learning to play? <a href="index.html#learn">See our Learn to Play section</a> for details on getting started, or just email us and we'll point you in the right direction.</p>
214        
215        <p>
216        <strong>Email:</strong> <span id="email-link"><noscript>band [at] cowpad [dot] org</noscript></span>
217        
217<script>
218        (function() {
219          var u = 'band';
220          var d = 'cowpad.org';
221          var e = u + '@' + d;
222          var el = document.getElementById('email-link');
223          el.innerHTML = '<a href="mai' + 'lto:' + e + '">' + e + '</a>';
224        })();
225        </script>
225
226        <br>
227        <strong>Follow us:</strong> <a href="https://www.facebook.com/City-of-Winchester-Pipes-and-Drums-264254876897/" target="_blank">City of Winchester Pipes and Drums on Facebook</a>
228        </p>
229    </div>
230  </div>
231  <div style="background-image: url(gordon.gif)"><br><br><br><br></div>
232  <!-- The Learn Section -->
233  <div class="w3-black">
234    <div class="w3-container w3-content w3-center w3-padding-64" style="max-width:800px" id="learn">
235        <h2>LEARN TO PLAY</h2>
236
237        <em>Join the band. No experience required.</em>
238        <div class="w3-container w3-content w3-justify">
239            <p>Have you always wanted to play the bagpipes or the Scottish drums? We regularly take on brand new beginners and teach them from scratch. Many of our core band members started with zero musical experience and learned through the band. A musical background is helpful but absolutely not required. What matters is a good attitude and willingness to put in the time.</p>
240            
241            <p>Our members range in age from teenagers to retirees. There is no age limit and no audition to get started.</p>
242            
243            <h3>How It Works</h3>
244            
245            <p>Pipe bands consist of four instruments: <strong>bagpipes, snare drums, tenor drums, and bass drums</strong>. We are currently seeking new members on all four instruments.</p>
246            
247            <p><strong>For pipers:</strong> You start by learning on a <em>practice chanter</em>, a small, quiet instrument that lets you learn fingering, embellishments, and tunes without the complexity of the full bagpipe. A practice chanter and a tutor book together cost around $100. Plan on a daily personal practice commitment of about 20 minutes. You'll work with an instructor to learn proper technique, the various embellishments that are unique to pipe music, and a set of tunes. This phase typically takes 6 to 18 months. When your instructor determines you're ready, you'll begin looking for a set of bagpipes and start joining in on band practices.</p>
248            
249            <p><strong>For drummers:</strong> You start with a <em>practice pad</em> and sticks, also around $100 or less to get started. You'll work with an instructor to develop a plan for mastering the rudiments before joining the full drum corps at band practice.</p>
250            
251            <h3>Why a Band?</h3>
252            
253            <p>Bands are where pipers and drummers thrive. The pipe band tradition is what keeps Highland music instruction alive, and the camaraderie and accountability of playing in a group is what turns beginners into solid musicians. While some pipers play independently, most accomplished players have spent significant time in a band setting. Joining a band is the best way to learn, improve, and stay motivated.</p>
254            
255            <h3>Not Sure About Joining?</h3>
256            
257            <p>You don't have to commit to full band membership on day one. If you're interested but still figuring things out, reach out and we'll talk. If you'd like to learn the pipes or drums but aren't sure a band is for you, we can also help connect you with a qualified instructor in your area.</p>
258            
259            <h3>Get Started</h3>
260            
261            <p><a href="index.html#contact">Contact us</a></a> and tell us a little about yourself: what instrument interests you, where you're located, and any musical background you have. We'll take it from there.</p>
262            
263            <p>You're also welcome to come visit a band practice to meet us and see what we're all about. We practice weekly at the Greenwood Volunteer Fire Company in Winchester. <a href="members.html#rehearsal">See our rehearsal schedule and location.</a></p>
264        </div>
265      <div class="w3-row w3-padding-32">
266          <img src="images/pipesatrestfade2.jpg" class="w3-round w3-margin-bottom" alt="Random Name" style="width:100%">
267      </div>
268    </div>
269  </div>
270  
271  <!-- The About Section -->
272  <div style="background-image: url(gordon.gif)"><br><br><br><br></div>
273  <div class="w3-container w3-content w3-center w3-padding-64" style="max-width:800px" id="about">
274    <h2>ABOUT</h2>
275    
276    <em>Winchester's Pipe Band Since 2002</em>
277    
278    <div class="w3-container w3-content w3-justify">
279        <p>The City of Winchester Pipes and Drums is a musical organization committed to three purposes: to preserve and perpetuate Winchester's Scottish heritage by representing that heritage in parades and civic functions; to preserve and promote the traditional music of the Scottish Highland pipes and drums; and to promote excellence of performance in piping and drumming, both as a band and in the playing of individual members.</p>
280        <p>The band was founded in 2002 by a small group of friends who had been playing together informally in the northern Shenandoah Valley. Originally called The Northern Shenandoah Valley Pipes and Drums, the band gave its first public performance in October 2002 at the dedication of Winchester's Timbrook Public Safety Building. City officials were so impressed that the Winchester City Council voted to officially recognize the band as the "City of Winchester Pipes and Drums," and we have carried that name ever since.</p>
281        <p>In our first year we set out to outfit the band, earn 501(c)(3) charitable status, and march in Winchester's Shenandoah Apple Blossom Festival Grand Feature Parade, one of the largest parades in the country, drawing nearly 300,000 spectators. We accomplished all three goals, and over two decades later the Apple Blossom parade remains one of our signature annual appearances.</p>
282        <p>
282Today the band is approximately 30 members strong, with pipers and drummers ranging in age from teenagers to retirees, drawn from across the northern Shenandoah Valley and beyond. Some members commute more than 50 miles each way for weekly practice. As members of the Eastern United States Pipe Band Association (EUSPBA), we compete as a band in Grade 5 at Highland games and Scottish festivals, and many of our members also compete individually in solo piping and drumming competitions.</p>
283        <p>Each year the band performs at dozens of events including memorial services, veterans' ceremonies, Highland games, community parades and festivals, and our popular annual St. Patrick's Day Pub Tour through downtown Winchester. Individual pipers and drummers are also regularly hired for weddings, funerals, and private ceremonies.</p>
284        <p>The band sponsors two major annual events. Our <a href="summerschool.html">Summer Piping &amp; Drumming School</a>, held at Shenandoah University, brings world-class instructors, including Gold Medal winners and international champions, to Winchester for a week of intensive instruction. Our annual <a href="burns.html">Robert Burns Night Dinner</a> is our black-tie fundraiser, featuring traditional Scottish music, poetry, auctions, food, and of course, haggis.</p>
285        <p>In 2026 we established the John Taylor Scholarship for Excellence in Piping and Drumming, honoring founding member and former Pipe Major John Taylor for his decades of service teaching countless beginners who have gone on to become core members of the band. The scholarship supports band members in continuing their piping and drumming education.</p>
286        <p>We are always looking for new members. Whether you are a complete beginner, a lapsed piper or drummer looking to get back into it, or an experienced musician seeking a band, we would love to hear from you. <a href="index.html#learn">Learn more about joining the band.</a></p>
287    </div>
288  </div>
289
290<!-- End Page Content -->
291</div>
292
293
294<!-- Footer -->
295  <div style="background-image: url(gordon.gif)"><br><br><br><br></div>
296
297<script>
298//// Automatic Slideshow - change image every 4 seconds ////
299var myIndex = 0;
300carousel();
301
302function carousel() {
303    var i;
304    var x = document.getElementsByClassName("mySlides");
305    for (i = 0; i < x.length; i++) {
306       x[i].style.display = "none";  
307    }
308    myIndex++;
309    if (myIndex > x.length) {myIndex = 1}    
310    x[myIndex-1].style.display = "block";  
311    setTimeout(carousel, 4000);    
312}
313
314// Used to toggle the menu on small screens when clicking on the menu button
315function myFunction() {
316    var x = document.getElementById("navDemo");
317    if (x.className.indexOf("w3-show") == -1) {
318        x.className += " w3-show";
319    } else { 
320        x.className = x.className.replace(" w3-show", "");
321    }
322}
323
324// When the user clicks anywhere outside of the modal, close it
325var modal = document.getElementById('ticketModal');
326window.onclick = function(event) {
327  if (event.target == modal) {
328    modal.style.display = "none";
329  }
330}
331
332//// Youtube player ////
333document.addEventListener(
334    "DOMContentLoaded",
335    function() {
336        var div, n,
337            y = document.getElementsByClassName("youtube-player");
338        for ( n = 0; n < y.length; n++ ) {
339            div = document.createElement("div");
340            div.setAttribute( "data-id", y[n].dataset.id );
341            div.innerHTML = thumb( y[n].dataset.id );
342            div.onclick = frame;
343            y[n].appendChild( div );
344        } 
345    }
346);
347
348function thumb( id ) {
349    var img = '<img src="https://i.ytimg.com/vi/ID/hqdefault.jpg">',
350        play = '<div class="play"></div>';
351    return img.replace( "ID", id ) + play;
352}
353
354function frame() {
355    var iframe = document.createElement("iframe");
356    var embed = "https://www.youtube.com/embed/ID?autoplay=1";
357    iframe.setAttribute( "src", embed.replace( "ID", this.dataset.id ) );
358    iframe.setAttribute( "frameborder", "0" );
359    iframe.setAttribute( "allowfullscreen", "1" );
360    this.parentNode.replaceChild(iframe, this);
361}
362</script>
362
363
364</body>
365</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.