{"id":103059,"date":"2020-11-02T09:40:13","date_gmt":"2020-11-02T06:40:13","guid":{"rendered":"https:\/\/en.buradabiliyorum.com\/your-keyboards-media-keys-work-in-all-modern-web-browsers\/"},"modified":"2020-11-02T09:40:13","modified_gmt":"2020-11-02T06:40:13","slug":"your-keyboards-media-keys-work-in-all-modern-web-browsers","status":"publish","type":"post","link":"https:\/\/buradabiliyorum.com\/en\/your-keyboards-media-keys-work-in-all-modern-web-browsers\/","title":{"rendered":"#Your Keyboard\u2019s Media Keys Work in All Modern Web Browsers"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6aef4467f0a7a\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #dd3333;color:#dd3333\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #dd3333;color:#dd3333\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6aef4467f0a7a\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/buradabiliyorum.com\/en\/your-keyboards-media-keys-work-in-all-modern-web-browsers\/#How_to_Use_Your_Media_Keys_on_Websites\" >How to Use Your Media Keys on Websites<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/buradabiliyorum.com\/en\/your-keyboards-media-keys-work-in-all-modern-web-browsers\/#When_Did_Browsers_Start_Supporting_These_Keys\" >When Did Browsers Start Supporting These Keys?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/buradabiliyorum.com\/en\/your-keyboards-media-keys-work-in-all-modern-web-browsers\/#How_to_Troubleshoot_Media_Keys_in_Web_Browsers\" >How to Troubleshoot Media Keys in Web Browsers<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/buradabiliyorum.com\/en\/your-keyboards-media-keys-work-in-all-modern-web-browsers\/#How_to_Disable_Media_Keys_in_Web_Browsers\" >How to Disable Media Keys in Web Browsers<\/a><\/li><\/ul><\/nav><\/div>\n<p><strong>&#8220;#Your Keyboard\u2019s <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/social-mediaa\/\" data-internallinksmanager029f6b8e52c=\"1\" title=\"Social Media\" target=\"_blank\" rel=\"noopener\">Media<\/a> Keys Work in All Modern Web Browsers&#8221;<\/strong><\/p>\n<div>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-698453 size-full\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/10\/xpc-keyboard.jpg.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.gTPXy7ar8l.jpg\" alt=\"A glowing PC keyboard with rainbow LEDs.\" width=\"650\" height=\"300\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>There\u2019s a good chance your keyboard has a Play\/Pause key and other media keys like Stop, Next Track, and Previous Track. You can use these keys to control YouTube, Spotify, and other video and music websites in Chrome, Firefox, Safari, and Edge.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_Use_Your_Media_Keys_on_Websites\"><\/span>How to Use Your Media Keys on Websites<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Using your media keys should be simple: Just press them. For example, if you\u2019re playing a YouTube video and it\u2019s hidden in a background tab somewhere, you can press the Play\/Pause key on your keyboard to pause it and press the key again to resume it. It\u2019s that simple.<\/p>\n<p>If you\u2019re listening to a playlist on a music-streaming website like Spotify, the Next and Previous keys will likely skip back and forward in the playlist, just as they would in a desktop music <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/download-scripts-themes-apps\/\" data-internallinksmanager029f6b8e52c=\"9\" title=\"Download Scripts &amp; Themes &amp; Apps\" target=\"_blank\" rel=\"noopener\">app<\/a>lication like iTunes.<\/p>\n<p>Sure, this advice may seem simple\u2014but these keys have existed for decades, and they didn\u2019t work on websites until very recently. Web users have been trained to ignore the media keys. It\u2019s time to forget that and press these keys again.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-698454 size-full\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/10\/xchrome-play-pause-on-windows.png.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.gDtwu_xb6p.png\" alt=\"Chrome's Play\/Pause banner on Windows 10\" width=\"650\" height=\"251\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>This won\u2019t work absolutely everywhere on the web. It may not work on some websites.\u00a0In some cases, your keyboard shortcuts may be controlled by a desktop media player that you have open. For example, if you\u2019re running iTunes on your system and have an iTunes window open, the keys may control playback in iTunes rather than your web browser.<\/p>\n<p>However, in <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/general\/\" data-internallinksmanager029f6b8e52c=\"3\" title=\"General\" target=\"_blank\" rel=\"noopener\">general<\/a>, on modern systems\u2014-Windows 10, macOS, Chrome OS, and even Linux\u2014media keys will just work.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"When_Did_Browsers_Start_Supporting_These_Keys\"><\/span>When Did Browsers Start Supporting These Keys?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>This feature has been around for a while in browsers like Apple Safari and Google Chrome.\u00a0However, with the release of Firefox 81 in September 2020, support for media keys became universal among modern browsers:<\/p>\n<ul>\n<li>Google Chrome gained support for media keys back in <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developers.google.com\/web\/updates\/2019\/02\/chrome-73-media-updates\">Chrome 73<\/a>, released on March 12, 2019.<\/li>\n<li>Mozilla Firefox added support for media keys with <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.mozilla.org\/en-US\/firefox\/81.0\/releasenotes\/\">Firefox 81<\/a>, released on September 22, 2020. (Firefox had supported this feature since Firefox 71, but it was disabled by default. It became enabled by default with Firefox 81.)<\/li>\n<li>Apple Safari on Mac gained media key support with the release of\u00a0macOS High Sierra back on September 25, 2017.<\/li>\n<li>Microsoft Edge gained support for media keys when it switched to the Chromium code that forms the basis of Google Chrome. Microsoft released the new version of Edge on January 15, 2020.<\/li>\n<li>Any other browser based on Chromium\u2014for example, browsers like Brave\u2014will have support for media keys as long as they\u2019re built on Chromium 73 or later.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-698450 size-full\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/10\/xfirefox-media-controls-news.png.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.n1B4xRZLMf.png\" alt=\"Firefox advertising new media controls\" width=\"650\" height=\"308\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_Troubleshoot_Media_Keys_in_Web_Browsers\"><\/span>How to Troubleshoot Media Keys in Web Browsers<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>If media keys don\u2019t work to control your web browser, try closing any other media applications running on your system. This includes music players like iTunes and video players like VLC. The media keys can only control one media player at a time, and which playback application gets to control the keys is determined by your operating system.<\/p>\n<p>If your media keys don\u2019t work on a particular website, it\u2019s likely that the website doesn\u2019t support them. Technically speaking, website developers must use the <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/w3c.github.io\/mediasession\/\">MediaSession API<\/a> to enable this feature on their websites. This feature lets websites take advantage of Chrome\u2019s global media playback controls on its browser toolbar, too.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_Disable_Media_Keys_in_Web_Browsers\"><\/span>How to Disable Media Keys in Web Browsers<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>If you don\u2019t like this feature and wish Chrome, Safari, Firefox, or Edge would just leave your media keys alone, you can still disable it.<\/p>\n<p>Overall, however, these keys will \u201cjust work\u201d automatically. If you\u2019re not watching or listening to anything in your browser, your browser should get out of the way and let other applications use them.<\/p>\n<p>However, if you plan on watching YouTube videos but you still want your keys to reliably control music playback in something like iTunes, you might need to disable the keys in your web browser.<\/p>\n<hr\/>\n<p>\u00a0<\/p>\n<\/div>\n<p><script>\n setTimeout(function(){\n  !function(f,b,e,v,n,t,s)\n  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n  n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n  n.queue=[];t=b.createElement(e);t.async=!0;\n  t.src=v;s=b.getElementsByTagName(e)[0];\n  s.parentNode.insertBefore(t,s) } (window, document,'script',\n  'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\n   fbq('init', '335401813750447');\n   fbq('track', 'PageView');\n  },3000);\n<\/script><\/p>\n<blockquote>\n<p style=\"text-align: center;\">For forums sites go to <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/forum.buradabiliyorum.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Forum.BuradaBiliyorum.Com<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\"><strong>If you want to read more like this article, you can visit our <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/en.buradabiliyorum.com\/technology\/\" target=\"_blank\" rel=\"noopener noreferrer\">Technology category.<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<p><span style=\"color: black;\"><a style=\"color: #ff9900;\" href=\"https:\/\/www.howtogeek.com\/698434\/your-keyboards-media-keys-work-in-all-modern-web-browsers\/\" target=\"_blank\" rel=\"noopener noreferrer\">Source<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;#Your Keyboard\u2019s Media Keys Work in All Modern Web Browsers&#8221; There\u2019s a good chance your keyboard has a Play\/Pause key and other media keys like Stop, Next Track, and Previous Track. You can use these keys to control YouTube, Spotify, and other video and music websites in Chrome, Firefox, Safari, and Edge. How to Use&#8230;<\/p>\n","protected":false},"author":1,"featured_media":103060,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/www.howtogeek.com\/thumbcache\/2\/200\/9666c00d9fa6803b9f1ccb162f67b537\/wp-content\/uploads\/2020\/10\/pc-keyboard.jpg","fifu_image_alt":"","footnotes":""},"categories":[18],"tags":[],"class_list":["post-103059","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology"],"_links":{"self":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/103059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/comments?post=103059"}],"version-history":[{"count":0,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/103059\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media\/103060"}],"wp:attachment":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media?parent=103059"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/categories?post=103059"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/tags?post=103059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}