{"page":"<link rel=\"stylesheet\" href=\"https://lessonplanet.com/assets/packs/css/resources-572d6a42.css\" />\n<link rel=\"stylesheet\" href=\"https://lessonplanet.com/assets/packs/css/lp_boclips_stylesheets-f4d0de30.css\" media=\"all\" />\n<div data-title='A Brief History of Lyric Videos' data-url='/boclips/videos/5d4d63207c80d926b718f797' data-video-url='/boclips/videos/5d4d63207c80d926b718f797' id='bo_player_modal'>\n<div class='boclips-resource-page modal-dialog panel-container'>\n<div class='react-notifications-root'></div>\n<div class='rp-header'>\n<div class='rp-type'>\n<i aria-hidden='true' class='fai fa-regular fa-circle-play'></i>\nVideo\n</div>\n<h1 class='rp-title' id='video-title'>\nA Brief History of Lyric Videos\n</h1>\n<div class='rp-actions'>\n<div class='mr-1'>\n<a class=\"btn btn-success\" data-posthog-event=\"Signup: LP Signup Activity\" data-posthog-location=\"body_link_boclips\" data-remote=\"true\" href=\"/subscription/new\"><span><span>Get Free Access</span><span class=\"\"> for 10 Days</span><span>!</span></span></a>\n</div>\n</div>\n</div>\n<div class='rp-body'>\n<div class='rp-info'>\n<div aria-label='Hide resource details' class='rp-hide-info' role='button' tabindex='0'>&times;</div>\n<i aria-label='Expand resource details' class='rp-expand-info fai fa-solid fa-up-right-and-down-left-from-center' role='button' tabindex='0'></i>\n<i aria-label='Compress resource details' class='rp-compress-info fai fa-solid fa-down-left-and-up-right-to-center' role='button' tabindex='0'></i>\n<div class='rp-rating'>\n<span class='resource-pool'>\n<span class='pool-label'>Publisher:</span>\n<span class='pool-name'>\n<span class='text'><a data-publisher-id=\"470201\" href=\"/search?publisher_ids%5B%5D=470201\">Tom Scott</a></span>\n</span>\n</span>\n</div>\n<div class='rp-description'>\n<span class='short-description'> -  - There's a good argument that lyric videos count as a whole new genre. Here's that genre's history, presented in its own style. Referenced videos: Bob Dylan - Subterranean Homesick Blues Prince - Sign O The Times George Michael -...</span>\n<span class='full-description hide'><a href='http://tomscott.com' target='_blank' rel='nofollow'></a> - <a href='http://twitter.com/tomscott' target='_blank' rel='nofollow'></a> - There's a good argument that lyric videos count as a whole new genre. Here's that genre's history, presented in its own style. Referenced videos: Bob Dylan - Subterranean Homesick <a href='http://youtu.be/Vx4pRyEtit4' target='_blank' rel='nofollow'>Blues</a> Prince - Sign O The <a href='http://youtu.be/5zIjtwsrXfk' target='_blank' rel='nofollow'>Times</a> George Michael - Praying For <a href='http://youtu.be/goroyZbVdlo' target='_blank' rel='nofollow'>Time</a> Saul Bass' titles for <a href='http://youtu.be/s4L9J-CUAl8' target='_blank' rel='nofollow'>Psycho</a> Jarrett Moody's \"Pulp Fiction\" <a href='http://youtu.be/HoDJhlaX0LA' target='_blank' rel='nofollow'>scene</a> Jonathan Coulton - Shop <a href='http://youtu.be/y4sOfO8Ei1g' target='_blank' rel='nofollow'>Vac</a> Katy Perry - <a href='http://youtu.be/vlLgvQErn6o' target='_blank' rel='nofollow'>Firework</a> Cee Lo Green - F*** <a href='http://youtu.be/CAV0XrbEwNc' target='_blank' rel='nofollow'>You</a> *** Lyric videos are all over YouTube like a rash. Record companies love 'em. And for good reason. They're very cheap, compared to a full video. They can be released earlier, which means there's more than a static picture for the many people who mainly listen to music through YouTube. And they separate the official release from all the unofficial fan videos that inevitably pop up. Lyric videos are older than that, though. There's an argument that Bob Dylan's 1965 Subterranean Homesick Blues counts as one. In 1987, Prince's video for Sign O The Times was perhaps the first proper lyric video. Just pulsing shapes and moving words, complete with the slightly dodgy punctuation and abbreviations that you'd see from an amateur video today. And in 1990, George Michael's \"Praying for Time\" just had classy white text on a black background. That wouldn't look out of place if it'd been put together a quarter of a century later in Windows Movie Maker. The modern, professional lyric video can trace its roots back to kinetic, or dynamic, typography. Inspired by, among others, the movie titles of designer Saul Bass, there was a YouTube trend for taking famous scenes from films and animating the dialogue. Jarratt Moody's dynamic 'Pulp Fiction' scene stole the show here. That led to a trend through 2010 for animated lyrics - most notably a gorgeous and painstakingly-animated video for Jonathan Coulton's Shop Vac uploaded in November 2010. But by then, Katy Perry's management had started releasing simple lyric videos - just subtitles on a photo background. These were to compete with the fans, who'd been putting up unofficial ones for years. These unofficial videos often had inaccurate or mispelled lyrics, and in some cases - to get around YouTube's automated copyright systems - they'd speed up the music slightly, mangling the original track just so their lyric tribute could survive. In 2010, Cee-Lo Green made the first mainstream, dynamic, and massively popular modern lyric video - for the song that middle America knew as 'Forget You'. And suddenly, everyone had to have one. Some of them are amazing feats of design, and have brought the art of motion graphics back into the public eye. Some of them... are terrible. But as long as YouTube's around: well, they're here to stay.</span>\n</div>\n<div class='action-container flex justify-between'>\n<button aria-expanded='false' aria-label='Read more description' class='rp-full-description' type='button'>\n<i class='fai fa-solid fa-align-left'></i>\n<span id='read_more'>Read More</span>\n</button>\n<div class='rp-report'>\n</div>\n</div>\n<div aria-labelledby='resource-details-heading' class='rp-info-section'>\n<h2 class='title' id='resource-details-heading'>Resource Details</h2>\n<div class='rp-resource-details clearfix'>\n<div class='detail'>\n<dl>\n<dt>Curator Rating</dt>\n<dd><span class=\"star-rating\" aria-label=\"4.0 out of 5 stars\" role=\"img\"><i class=\"fa-solid fa-star text-action\" aria-hidden=\"true\"></i><i class=\"fa-solid fa-star text-action\" aria-hidden=\"true\"></i><i class=\"fa-solid fa-star text-action\" aria-hidden=\"true\"></i><i class=\"fa-solid fa-star text-action\" aria-hidden=\"true\"></i><i class=\"fa-regular fa-star text-action\" aria-hidden=\"true\"></i></span></dd>\n</dl>\n</div>\n<div class='detail'>\n<dl>\n<dt class=\"educator-rating-title\">Educator Rating</dt><dd><div class=\"educator-rating-details\" data-path=\"/educator_ratings/rrp_data?resourceable_id=75978&amp;resourceable_type=Boclips%3A%3AVideoMetadata\"><span class=\"not-yet-rated\">Not yet Rated</span></div></dd>\n</dl>\n</div>\n<div class='detail'>\n<dl>\n<dt>Grade</dt><dd title=\"Grade\">9th - 11th</dd>\n</dl>\n</div>\n<div class='detail'>\n<dl>\n<dt>Subjects</dt><dd><span><a href=\"/search?grade_ids%5B%5D=255&amp;grade_ids%5B%5D=256&amp;grade_ids%5B%5D=257&amp;search_tab_id=1&amp;subject_ids%5B%5D=1216220\">All Subjects</a></span></dd>\n</dl>\n</div>\n<div class='detail'>\n<dl>\n<dt>Media Type</dt><dd><span><a href=\"/search?grade_ids%5B%5D=255&amp;grade_ids%5B%5D=256&amp;grade_ids%5B%5D=257&amp;search_tab_id=2&amp;type_ids%5B%5D=4543647\">Instructional Videos</a></span></dd>\n</dl>\n</div>\n<div class='detail'>\n<dl>\n<dt>Source:</dt>\n<dd></dd>\n</dl>\n</div>\n<div class='detail'>\n<dl>\n<dt>Date</dt>\n<dd>2013</dd>\n</dl>\n</div>\n<div class='detail'>\n<dl>\n<i aria-hidden='true' class='fai fa-solid fa-language'></i>\n\n</dl>\n</div>\n<div class='detail'>\n<dl>\n<dt>Audiences</dt><dd><span><a href=\"/search?audience_ids%5B%5D=371079&amp;grade_ids%5B%5D=255&amp;grade_ids%5B%5D=256&amp;grade_ids%5B%5D=257&amp;search_tab_id=1\">For Teacher Use</a></span></dd><dd class=\"text-muted\"><i class=\"fa-solid fa-lock mr5\"></i>2 more...</dd>\n</dl>\n</div>\n<div class='detail'>\n<dl>\n\n</dl>\n</div>\n</div>\n</div>\n<div aria-labelledby='educator-ratings-heading' class='rp-info-section'>\n<h2 class='title sr-only' id='educator-ratings-heading'>Educator Ratings</h2>\n<div id=\"educator-ratings-root\"></div><div id=\"all-educator-ratings-root\"></div><div id=\"educator-rating-form-root\"></div>\n</div>\n</div>\n<div class='rp-resource'>\n<div aria-label='Show resource details' class='rp-show-info' role='button' tabindex='0'>\n<i class='fai fa-solid fa-align-left'></i>\nShow resource details\n</div>\n<div aria-label='Video player' class='player' id='player-wrapper' role='region'>\n<div class='relative container mx-auto' id='lp-boclips-visitor-thumbnail'>\n<a class=\"block\" data-html=\"true\" data-placement=\"bottom\" data-trigger=\"click\" data-content=\"<div class=&quot;text-center py-2&quot;><a class=&quot;bold&quot; href=&quot;/auth/users/sign_in&quot;>Sign in</a> or <a class=&quot;bold text-danger&quot; data-posthog-event=&quot;Signup: LP Signup Activity&quot; data-posthog-location=&quot;body_link_boclips&quot; data-remote=&quot;true&quot; href=&quot;/subscription/new&quot;>Join Now</a></div>\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" aria-label=\"Play video: A Brief History of Lyric Videos\" href=\"/subscription/new\"><img class=\"resource-img img-thumbnail img-responsive z-10 lp-boclips-thumbnail w-full h-full lozad\" alt=\"A Brief History of Lyric Videos\" title=\"A Brief History of Lyric Videos\" onError=\"handleImageNotLoadedError(this)\" data-default-image=\"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png\" data-src=\"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png\" width=\"315\" height=\"220\" src=\"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs\" />\n<span aria-hidden='true' class='flex justify-center items-center bg-white rounded-full w-16 h-16 absolute top-1/2 left-1/2 -mt-8 -ml-8 cursor-pointer z-0 border-2 border-primary drop-shadow-md lp-boclips-thumbnail-playBtn'>\n<i class='fa-solid fa-play text-primary text-3xl ml-1 drop-shadow-xl'></i>\n</span>\n</a></div>\n</div>\n</div>\n</div>\n</div>\n</div>\n"}