1<!DOCTYPE html> 2 3<html lang="en-GB"> 4 5<head> 6 7 <meta charset="UTF-8"> 8 9 <meta name="viewport" content="width=device-width, initial-scale=1"> 10 11 <link rel="profile" href="http://gmpg.org/xfn/11"> 12 13 <link rel="pingback" href="https://www.webmfiles.org/xmlrpc.php"> 14 15 <title>How to Play WebM Files – WebM Files</title> 16<meta name='robots' content='max-image-preview:large' /> 17<link rel='dns-prefetch' href='//app-static.sitesights.io' /> 18<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 19<link rel="alternate" type="application/rss+xml" title="WebM Files » Feed" href="https://www.webmfiles.org/feed/" /> 20<link rel="alternate" type="application/rss+xml" title="WebM Files » Comments Feed" href="https://www.webmfiles.org/comments/feed/" /> 21<link rel="alternate" type="application/rss+xml" title="WebM Files » How to Play WebM Files Comments Feed" href="https://www.webmfiles.org/how-to-play-webm-files/feed/" /> 22<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.webmfiles.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.webmfiles.org%2Fhow-to-play-webm-files%2F" /> 23<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.webmfiles.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.webmfiles.org%2Fhow-to-play-webm-files%2F&format=xml" /> 24<style id="wp-img-auto-sizes-contain-inline-css"> 25img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 26/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 27</style> 28<style id="wp-emoji-styles-inline-css"> 29 30 img.wp-smiley, img.emoji { 31 display: inline !important; 32 border: none !important; 33 box-shadow: none !important; 34 height: 1em !important; 35 width: 1em !important; 36 margin: 0 0.07em !important; 37 vertical-align: -0.1em !important; 38 background: none !important; 39 padding: 0 !important; 40 } 41/*# sourceURL=wp-emoji-styles-inline-css */ 42</style> 43<style id="wp-block-library-inline-css"> 44:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
44--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 45 46/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 47</style> 48<style id="classic-theme-styles-inline-css"> 49/*! This file is auto-generated */ 50.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 51/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 52</style> 53 54<style id="global-styles-inline-css"> 55:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #03263B;--wp--preset--color--secondary: #0b3954;--wp--preset--color--tertiary: #bddae6;--wp--preset--color--quaternary: #ff6663;--wp--preset--color--quinary: #ffffff;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
550) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-tertiary-color{color: var(--wp--preset--color--tertiary) !important;}.has-quaternary-color{color: var(--wp--preset--color--quaternary) !important;}.has-quinary-color{color: var(--wp--preset--color--quinary) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-tertiary-background-color{background-color: var(--wp--preset--color--tertiary) !important;}.has-quaternary-background-color{background-color: var(--wp--preset--color--quaternary) !important;}.has-quinary-background-color{background-color: var(--wp--preset--color--quinary) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-tertiary-border-color{border-color: var(--wp--preset--color--tertiary) !important;}.has-quaternary-border-color{border-color: var(--wp--preset--color--quaternary) !important;}.has-quinary-border-color{border-color: var(--wp--preset--color--quinary) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
55.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 56/*# sourceURL=global-styles-inline-css */ 57</style> 58 59<link rel='stylesheet' id='primer-css' href='https://www.webmfiles.org/wp-content/themes/primer/style.css?ver=7.1.2' media='all' /> 60<style id="primer-inline-css"> 61.site-title a,.site-title a:visited{color:#ffffff;}.site-title a:hover,.site-title a:visited:hover{color:rgba(255, 255, 255, 0.8);} 62.site-description{color:#ffffff;} 63.hero,.hero .widget h1,.hero .widget h2,.hero .widget h3,.hero .widget h4,.hero .widget h5,.hero .widget h6,.hero .widget p,.hero .widget blockquote,.hero .widget cite,.hero .widget table,.hero .widget ul,.hero .widget ol,.hero .widget li,.hero .widget dd,.hero .widget dt,.hero .widget address,.hero .widget code,.hero .widget pre,.hero .widget .widget-title,.hero .page-header h1{color:#ffffff;} 64.main-navigation ul li a,.main-navigation ul li a:visited,.main-navigation ul li a:hover,.main-navigation ul li a:focus,.main-navigation ul li a:visited:hover{color:#ffffff;}.main-navigation .sub-menu .menu-item-has-children > a::after{border-right-color:#ffffff;border-left-color:#ffffff;}.menu-toggle div{background-color:#ffffff;}.main-navigation ul li a:hover,.main-navigation ul li a:focus{color:rgba(255, 255, 255, 0.8);} 65h1,h2,h3,h4,h5,h6,label,legend,table th,dl dt,.entry-title,.entry-title a,.entry-title a:visited,.widget-title{color:#353535;}.entry-title a:hover,.entry-title a:visited:hover,.entry-title a:focus,.entry-title a:visited:focus,.entry-title a:active,.entry-title a:visited:active{color:rgba(53, 53, 53, 0.8);} 66body,input,select,textarea,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus,.navigation.pagination .paging-nav-text{color:#252525;}hr{background-color:rgba(37, 37, 37, 0.1);border-color:rgba(37, 37, 37, 0.1);}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea,.select2-container .select2-choice{color:rgba(37, 37, 37, 0.5);border-color:rgba(37, 37, 37, 0.1);}select,fieldset,blockquote,pre,code,abbr,acronym,.hentry table th,.hentry table td{border-color:rgba(37, 37, 37, 0.1);}.hentry table tr:hover td{background-color:rgba(37, 37, 37, 0.05);} 67blockquote,.entry-meta,.entry-footer,.comment-meta .says,.logged-in-as,.wp-block-coblocks-author__heading{color:#686868;} 68.site-footer .widget-title,.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6{color:#353535;} 69.site-footer .widget,.site-footer .widget form label{color:#252525;} 70.footer-menu ul li a,.footer-menu ul li a:visited{color:#686868;}.site-info-wrapper .social-menu a{background-color:#686868;}.footer-menu ul li a:hover,.footer-menu ul li a:visited:hover{color:rgba(104, 104, 104, 0.8);} 71.site-info-wrapper .site-info-text{color:#686868;} 72a,a:visited,.entry-title a:hover,.entry-title a:visited:hover{color:#ff6663;}.navigation.pagination .nav-links .page-numbers.current,.social-menu a:hover{background-color:#ff6663;}a:hover,a:visited:hover,a:focus,a:visited:focus,a:active,a:visited:active{color:rgba(255, 102, 99, 0.8);}.comment-list li.bypostauthor{border-color:rgba(255, 102, 99, 0.2);} 73button,a.button,a.button:visited,input[type="button"],input[type="reset"],input[type="submit"],.wp-block-button__link,.site-info-wrapper .social-menu a:hover{background-color:#ff6663;border-color:#ff6663;}button:hover,button:active,button:focus,a.button:hover,a.button:active,a.button:focus,a.button:visited:hover,a.button:visited:active,a.button:visited:focus,input[type="button"]:hover,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:hover,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:active,input[type="submit"]:focus{background-color:rgba(255, 102, 99, 0.8);border-color:rgba(255, 102, 99, 0.8);} 74button,button:hover,button:active,button:focus,a.button,a.button:hover,a.button:active,a.button:focus,a.button:visited,a.button:visited:hover,a.button:visited:active,a.button:visited:focus,input[type="button"],input[type="button"]:hover,input[type="button"]:active,input[type="button"]:focus,input[type="reset"],input[type="reset"]:hover,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"],input[type="submit"]:hover,input[type="submit"]:active,input[type="submit"]:focus,.wp-block-button__link{color:#ffffff;} 75body{background-color:#f5f5f5;}.navigation.pagination .nav-links .page-numbers.current{color:#f5f5f5;} 76.hentry,.comments-area,.widget,#page > .page-title-container{background-color:#ffffff;} 77.site-header{background-color:#0b3954;}.site-header{-webkit-box-shadow:inset 0 0 0 9999em;-moz-box-shadow:inset 0 0 0 9999em;box-shadow:inset 0 0 0 9999em;color:rgba(11, 57, 84, 0.50);} 78.main-navigation-container,.main-navigation.open,.main-navigation ul ul,.main-navigation .sub-menu{background-color:#0b3954;} 79.site-footer{background-color:#0b3954;} 80.site-footer .widget{background-color:#ffffff;} 81.site-info-wrapper{background-color:#f5f5f5;}.site-info-wrapper .social-menu a,.site-info-wrapper .social-menu a:visited,.site-info-wrapper .social-menu a:hover,.site-info-wrapper .social-menu a:visited:hover{color:#f5f5f5;} 82.has-primary-color{color:#03263B;}.has-primary-background-color{background-color:#03263B;} 83.has-secondary-color{color:#0b3954;}.has-secondary-background-color{background-color:#0b3954;} 84.has-tertiary-color{color:#bddae6;}.has-tertiary-background-color{background-color:#bddae6;} 85.has-quaternary-color{color:#ff6663;}.has-quaternary-background-color{background-color:#ff6663;} 86.has-quinary-color{color:#ffffff;}.has-quinary-background-color{background-color:#ffffff;} 87/*# sourceURL=primer-inline-css */ 88</style> 89<link rel='stylesheet' id='primer-fonts-css' href='https://fonts.googleapis.com/css?family=Open%20Sans:300,400,700&subset=latin&ver=1.8.9' media='all' /> 90<style id="primer-fonts-inline-css"> 91.site-title{font-family:"Open Sans", sans-serif;} 92.main-navigation ul li a,.main-navigation ul li a:visited,button,a.button,a.fl-button,input[type="button"],input[type="reset"],input[type="submit"]{font-family:"Open Sans", sans-serif;} 93h1,h2,h3,h4,h5,h6,label,legend,table th,dl dt,.entry-title,.widget-title{font-family:"Open Sans", sans-serif;} 94body,p,ol li,ul li,dl dd,.fl-callout-text{font-family:"Open Sans", sans-serif;} 95blockquote,.entry-meta,.entry-footer,.comment-list li .comment-meta .says,.comment-list li .comment-metadata,.comment-reply-link,#respond .logged-in-as{font-family:"Open Sans", sans-serif;} 96/*# sourceURL=primer-fonts-inline-css */ 97</style>
98<script id="sitesights-tracking-js" data-website-uid='THCGzuuy8kiTw9qbc9Ud_w' defer src="https://app-static.sitesights.io/client.min.js?ver=2"></script>
vendor: 1 bytes, line 98
98
99<script id="sitesights-tracking-client-js" defer src="https://www.webmfiles.org/wp-content/plugins/sitesights-analytics/statics/js/Client.js?ver=1784372494"></script>
vendor: 1 bytes, line 99
99
100<script id="jquery-core-js" src="https://www.webmfiles.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 100
100
101<script id="jquery-migrate-js" src="https://www.webmfiles.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
101 102<link rel="https://api.w.org/" href="https://www.webmfiles.org/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.webmfiles.org/wp-json/wp/v2/pages/9" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.webmfiles.org/xmlrpc.php?rsd" /> 103<meta name="generator" content="WordPress 7.1.2" /> 104<link rel="canonical" href="https://www.webmfiles.org/how-to-play-webm-files/" /> 105<link rel='shortlink' href='https://www.webmfiles.org/?p=9' /> 106<style type='text/css'> 107.site-title a,.site-title a:visited{color:ffffff;} 108</style> 109</head> 110 111<body class="wp-singular page-template-default page page-id-9 wp-theme-primer layout-two-column-default"> 112 113 114 <div id="page" class="hfeed site"> 115 116 <a class="skip-link screen-reader-text" href="#content">Skip to content</a> 117 118 119 <header id="masthead" class="site-header" role="banner"> 120 121 122 <div class="site-header-wrapper"> 123 124 125<div class="site-title-wrapper"> 126 127 128 <div class="site-title"><a href="https://www.webmfiles.org/" rel="home">WebM Files</a></div> 129 <div class="site-description">The new and open video format</div> 130</div><!-- .site-title-wrapper --> 131 132<div class="hero"> 133 134 135 <div class="hero-inner"> 136 137 138 </div> 139 140</div> 141 142 </div><!-- .site-header-wrapper --> 143 144 145 </header><!-- #masthead --> 146 147 148<div class="main-navigation-container"> 149 150 151<div class="menu-toggle" id="menu-toggle" role="button" tabindex="0" 152 > 153 <div></div> 154 <div></div> 155 <div></div> 156</div><!-- #menu-toggle --> 157 158 <nav id="site-navigation" class="main-navigation"> 159 160 <div class="menu"><ul><li ><a href="https://www.webmfiles.org/">Home</a></li><li class="page_item page-item-13"><a href="https://www.webmfiles.org/demo-files/">Demo Files</a></li><li class="page_item page-item-11"><a href="https://www.webmfiles.org/tools/">Encoding Tools</a></li><li class="page_item page-item-9 current_page_item"><a href="https://www.webmfiles.org/how-to-play-webm-files/" aria-current="page">How to Play WebM Files</a></li></ul></div> 161 </nav><!-- #site-navigation --> 162 163 164</div> 165 166<div class="page-title-container"> 167 168 <header class="page-header"> 169 170 <h1 class="page-title">How to Play WebM Files</h1> 171 </header><!-- .entry-header --> 172 173</div><!-- .page-title-container --> 174 175 <div id="content" class="site-content"> 176 177<div id="primary" class="content-area"> 178 179 <main id="main" class="site-main" role="main"> 180 181 182<article id="post-9" class="post-9 page type-page status-publish hentry"> 183 184 185 186<div class="page-content"> 187 188 <p>In order to be able to play or create <strong>WebM</strong> Files you need a <strong>Codec </strong>for your system.<br /> 189Here is a list of available codecs and players for various operating systems:</p> 190<h2>How to Play WebM Files in Windows</h2> 191<p><strong><em>UPDATE:</em></strong> The newest Version of the popular <strong>VLC Player 2.1</strong> is now also capable of playing WebM-Files, even if encoded in <a href="https://av1.webmfiles.org/">AV1</a>. Download it <a href="http://www.videolan.org/vlc/" target="_blank" rel="noopener noreferrer">here</a>.</p> 192<p>if you want to <strong>play WebM in Windows</strong> you will need a <strong>DirectShow Filter</strong>. You can download it <a href="http://code.google.com/p/webm/downloads/detail?name=webmdshow-0.9.5.0-20100518.zip&can=2&q=" target="_blank" rel="noopener noreferrer">here</a>. After the download, you have to extract the files to a folder, and then go to that folder in DOS-Mode (enter command “cmd”), where you register them using the command:<br /> 193<code>regsvr32 webmsource.dll webmsplit.dll vp8decoder.dll vp8encoder.dll webmmux.dll</code></p> 194<p>If you cannot hear <strong>sound</strong> you may also need the <strong>Vorbis filters</strong> from <a href="http://xiph.org/dshow/" target="_blank" rel="noopener noreferrer">here</a>.</p> 195<p>After the installation all Applications that use DirectShow filters (ie. Windows Media Player) will be able to play WebM Files. You can test this using our <a href="https://www.webmfiles.org/demo-files/">WebM Test Files</a>.</p> 196<p>to play WebM Files within the <strong>Microsoft Internet Explorer 9</strong> you need to download “WebM Video for IE9” from <a href="http://tools.google.com/dlpage/webmmf/" target="_blank" rel="noopener noreferrer">here</a>.</p> 197<h2>How to Play WebM Files in Mac OS X</h2> 198<p>Use the popular <strong>VLC Player for Mac OS X</strong> that can be downloaded <a href="http://www.videolan.org/vlc/download-macosx.html" target="_blank" rel="noopener noreferrer">here</a>.</p> 199<h2>How to Play WebM Files in Linux</h2> 200<p>You need to <strong>patch ffmpeg</strong> with <a href="http://code.google.com/p/webm/downloads/detail?name=mplayer-vp8-encdec-support-r2.tar.bz2&can=2&q=" target="_blank" rel="noopener noreferrer">these</a> patches.</p> 201<p><strong>UPDATE:</strong> The new release <strong>FFmpeg 0.6</strong> now supports WebM/VP8.<br /> 202Just update your FFmpeg or dowload it <a href="http://ffmpeg.org/download.html" target="_blank" rel="noopener noreferrer">here</a>.</p> 203<p>The newest Version of the popular <strong>
203VLC Player 1.1</strong> is also available for various Linux Distributions. Find your Player for WebM-Files in Linux <a href="http://www.videolan.org/vlc/" target="_blank" rel="noopener noreferrer">here</a>.</p> 204<h2>How to Play WebM Files in your Webbrowser</h2> 205<p>All major browsers will support WebM as a <strong>HTML5 Video-format</strong> in upcoming versions. You can preview some early beta-versions of such browsers here:</p> 206<ul> 207<li><a href="http://nightly.mozilla.org/webm/" target="_blank" rel="noopener noreferrer">Firefox</a> with WebM support</li> 208<li><a href="http://build.chromium.org/buildbot/snapshots" target="_blank" rel="noopener noreferrer">Chromium</a> with WebM support</li> 209<li><a href="http://www.opera.com" target="_blank" rel="noopener noreferrer">Opera</a> has build in WebM support in its newest release.</li> 210<li>For <strong>Microsoft Internet Explorer 9</strong> you need to download <a href="http://tools.google.com/dlpage/webmmf/" target="_blank" rel="noopener noreferrer">“WebM Video for IE9”</a>.<br /> 211<h2></h2> 212</li> 213</ul> 214<h2>How to integrate WebM Files into your Webpage</h2> 215<p>Modern webbrowsers can play WebM Videos without 3rd party software by using the <strong><Video> Tag</strong> (test yours <a href="https://www.webmfiles.org/demo-files/">here</a>). Currently Firefox 4.0 and new releases of Chrome and Opera supp
215ort this in their default configuration.</p> 216<p><strong>HTML5 Code Sample for WebM Videos </strong><br /> 217<code><br /> 218<video width="123" height="123" controls ><br /> 219<source src="thefilename.webm" type='video/webm; codecs="vp8, vorbis"'><br /> 220</video></code></p> 221<p>You may need to add the <strong>WebM MIME type</strong> to your webserver configuration, e.g. by adding the following line to the servers .htaccess file:</p> 222<p><code>AddType video/webm .webm</code></p> 223 224</div><!-- .page-content --> 225 226 227</article><!-- #post-## --> 228 229<div id="comments" class="comments-area"> 230 231 232 233 <div id="respond" class="comment-respond"> 234 <h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/how-to-play-webm-files/#respond" style="display:none;">Cancel reply</a></small></h3><p class="must-log-in">You must be <a href="https://www.webmfiles.org/wp-login.php?redirect_to=https%3A%2F%2Fwww.webmfiles.org%2Fhow-to-play-webm-files%2F">logged in</a> to post a comment.</p> </div><!-- #respond --> 235 236</div><!-- #comments --> 237 238 </main><!-- #main --> 239 240</div><!-- #primary --> 241 242 243<div id="secondary" class="widget-area" role="complementary"> 244 245 <aside id="pages-2" class="widget widget_pages"><h4 class="widget-title">Pages</h4> 246 <ul> 247 <li class="page_item page-item-13"><a href="https://www.webmfiles.org/demo-files/">Demo Files</a></li> 248<li class="page_item page-item-11"><a href="https://www.webmfiles.org/tools/">Encoding Tools</a></li> 249<li class="page_item page-item-9 current_page_item"><a href="https://www.webmfiles.org/how-to-play-webm-files/" aria-current="page">How to Play WebM Files</a></li> 250<li class="page_item page-item-155"><a href="https://www.webmfiles.org/">WebM – The new Video File Format</a></li> 251 </ul> 252 253 </aside> 254</div><!-- #secondary --> 255 256 </div><!-- #content --> 257 258 259 <footer id="colophon" class="site-footer"> 260 261 <div class="site-footer-inner"> 262 263 264 </div><!-- .site-footer-inner --> 265 266 </footer><!-- #colophon --> 267 268 269 </div><!-- #page --> 270 271
271<script type="speculationrules"> 272{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/primer/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 273</script>
273 274
274<script> 275 /* IE11 skip link focus fix */ 276 /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); 277 </script>
277 278
278<script id="primer-navigation-js" src="https://www.webmfiles.org/wp-content/themes/primer/assets/js/navigation.min.js?ver=1.8.9"></script>
vendor: 1 bytes, line 278
278
279<script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://www.webmfiles.org/wp-includes/js/comment-reply.min.js?ver=7.1.2"></script>
vendor: 1 bytes, line 279
279
280<script id="wp-emoji-settings" type="application/json"> 281{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.webmfiles.org/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}} 282</script>
vendor: 1 bytes, line 282
282
283<script type="module"> 284/*! This file is auto-generated */ 285var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 286//# sourceURL=https://www.webmfiles.org/wp-includes/js/wp-emoji-loader.min.js 287</script>
287 288 289</body> 290 291</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.