[{"data":1,"prerenderedAt":255},["ShallowReactive",2],{"\u002Fblog\u002Fspeeding-up-videos":3,"\u002Fblog\u002Fspeeding-up-videos-neighbours":223},{"id":4,"title":5,"body":6,"date":207,"description":208,"extension":209,"meta":210,"navigation":215,"path":216,"seo":217,"sitemap":218,"stem":219,"tags":220,"updatedAt":221,"__hash__":222},"blog\u002Fblog\u002Fspeeding-up-videos.md","Speeding Up Videos",{"type":7,"value":8,"toc":200},"minimark",[9,14,18,21,25,28,33,45,128,134,138,148,162,193,196],[10,11,13],"h2",{"id":12},"introduction","Introduction",[15,16,17],"p",{},"When it comes to watching videos or listening to audio, I'm one of those people who prefers to listen to them at a faster speed. On a good day when I have a clear head, I can watch or listen to things from two to three times as fast depending on how fast the speaker is. This is a huge boost productivity wise since I am basically cutting the estimated time of a task roughly in half.",[15,19,20],{},"While most platforms that I use these days include a way for you to change the playback speed, it is not always available to you to fiddle with. Sometimes you need to watch something that's on your computer with QuickTime or the video player on a web page doesn't have playback speed controls. So all is hope is lost... or is it?",[10,22,24],{"id":23},"the-path-to-faster-videos","The Path to Faster Videos",[15,26,27],{},"One of the things that I am most grateful for as a developer is the nagging voice in my head that insists that there must be some hack to get what I want to happen. It might not be elegant, but there must be a way to achieve my goals. And as a child of the web, I knew the that the HTML video player was the key to making this all work.",[29,30,32],"h3",{"id":31},"requirements","Requirements",[15,34,35,36,40,41,44],{},"The only requirement you need for this trick is to have your video playing with the \"new\" HTML5 ",[37,38,39],"code",{},"video"," element. So whether creating a simple ",[37,42,43],{},"index.html"," page on your machine to load the player:",[46,47,52],"pre",{"className":48,"code":49,"language":50,"meta":51,"style":51},"language-html shiki shiki-themes github-dark-high-contrast","\u003Chtml>\n  \u003Cbody>\n    \u003Cvideo src=\".\u002Fyour-video.mp4\" controls \u002F>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","html","",[37,53,54,69,80,108,118],{"__ignoreMap":51},[55,56,59,63,66],"span",{"class":57,"line":58},"line",1,[55,60,62],{"class":61},"sMAXC","\u003C",[55,64,50],{"class":65},"sKpQp",[55,67,68],{"class":61},">\n",[55,70,72,75,78],{"class":57,"line":71},2,[55,73,74],{"class":61},"  \u003C",[55,76,77],{"class":65},"body",[55,79,68],{"class":61},[55,81,83,86,88,92,95,99,102,106],{"class":57,"line":82},3,[55,84,85],{"class":61},"    \u003C",[55,87,39],{"class":65},[55,89,91],{"class":90},"sCcAr"," src",[55,93,94],{"class":61},"=",[55,96,98],{"class":97},"sTRMh","\".\u002Fyour-video.mp4\"",[55,100,101],{"class":90}," controls",[55,103,105],{"class":104},"szH_Z"," \u002F",[55,107,68],{"class":61},[55,109,111,114,116],{"class":57,"line":110},4,[55,112,113],{"class":61},"  \u003C\u002F",[55,115,77],{"class":65},[55,117,68],{"class":61},[55,119,121,124,126],{"class":57,"line":120},5,[55,122,123],{"class":61},"\u003C\u002F",[55,125,50],{"class":65},[55,127,68],{"class":61},[15,129,130,131,133],{},"Or verifying that the video player on the website you're on is using the ",[37,132,39],{}," element, that's all the setup you need for the next step.",[29,135,137],{"id":136},"the-trick","The Trick",[15,139,140,141,143,144,147],{},"In case you weren't aware, the ",[37,142,39],{}," element has an inherent property on it that determine the playback speed called ",[37,145,146],{},"playbackRate",". So by using a little bit of JavaScript, we can alter the speed of the video with a simple line of code.",[149,150,151,159],"ol",{},[152,153,154,155,158],"li",{},"Open up the ",[37,156,157],{},"JavaScript Console"," in your browser of choice",[152,160,161],{},"Run the following line of code with the necessary modifications:",[46,163,167],{"className":164,"code":165,"language":166,"meta":51,"style":51},"language-js shiki shiki-themes github-dark-high-contrast","document.querySelector('video').playbackRate = 2.0\n","js",[37,168,169],{"__ignoreMap":51},[55,170,171,174,178,181,184,187,190],{"class":57,"line":58},[55,172,173],{"class":61},"document.",[55,175,177],{"class":176},"sj_SG","querySelector",[55,179,180],{"class":61},"(",[55,182,183],{"class":97},"'video'",[55,185,186],{"class":61},").playbackRate ",[55,188,94],{"class":189},"sWyjQ",[55,191,192],{"class":90}," 2.0\n",[15,194,195],{},"That's it! Now you can watch videos as fast as you want!",[197,198,199],"style",{},"html pre.shiki code .sMAXC, html code.shiki .sMAXC{--shiki-default:#F0F3F6}html pre.shiki code .sKpQp, html code.shiki .sKpQp{--shiki-default:#72F088}html pre.shiki code .sCcAr, html code.shiki .sCcAr{--shiki-default:#91CBFF}html pre.shiki code .sTRMh, html code.shiki .sTRMh{--shiki-default:#ADDCFF}html pre.shiki code .szH_Z, html code.shiki .szH_Z{--shiki-default:#FFB1AF;--shiki-default-font-style:italic}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .sj_SG, html code.shiki .sj_SG{--shiki-default:#DBB7FF}html pre.shiki code .sWyjQ, html code.shiki .sWyjQ{--shiki-default:#FF9492}",{"title":51,"searchDepth":71,"depth":71,"links":201},[202,203],{"id":12,"depth":71,"text":13},{"id":23,"depth":71,"text":24,"children":204},[205,206],{"id":31,"depth":82,"text":32},{"id":136,"depth":82,"text":137},"2019-02-12T09:11:17-05:00","A handy trick to know in the event you ever need to want to watch a video faster than 1x on your machine with no plugins required.","md",{"stage":211,"planted":207,"tended":207,"topics":212},"evergreen",[213,214],"javascript","productivity",true,"\u002Fblog\u002Fspeeding-up-videos",{"title":5,"description":208},{"loc":216,"lastmod":207},"blog\u002Fspeeding-up-videos",[213,214],null,"Tubh6xQh4NRyGKy2PrjFX59cfVaHshVZbrIwEmqT22U",{"newer":224,"older":230,"related":236},{"title":225,"path":226,"tags":227,"date":229},"GitHub Contribution Graph Legend","\u002Fblog\u002Fgithub-contribution-graph-legend",[228],"development","2019-02-26T04:55:17-05:00",{"title":231,"path":232,"tags":233,"date":235},"Weekly Awesome Report #6","\u002Fblog\u002Fweekly-awesome-report-6",[234],"progress-reports","2019-02-08T23:27:15-05:00",[237,244,250],{"title":238,"path":239,"tags":240,"date":243},"The Quick Capture I Always Wanted","\u002Fblog\u002Fthe-quick-capture-i-always-wanted",[241,242,214],"ai","writing","2026-02-17T22:18:32-05:00",{"title":245,"path":246,"tags":247,"date":249},"The Fallacy of Always Wanting to Do More","\u002Fblog\u002Fthe-fallacy-of-always-wanting-to-do-more",[214,248],"mindset","2026-01-12T09:00:30-05:00",{"title":251,"path":252,"tags":253,"date":254},"The work is mysterious and important, but for who?","\u002Fblog\u002Fthe-work-is-mysterious-and-important-but-for-who",[248,214],"2025-09-15T15:58:52-04:00",1794345609245]