PageSourceSearch

https://www.webmfiles.org/how-to-play-webm-files/

html webmfiles.org collected 2026-10-01 12:28:03 UTC 38,160 bytes, 291 lines download raw bytes

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 &#8211; 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 &raquo; Feed" href="https://www.webmfiles.org/feed/" />
20<link rel="alternate" type="application/rss+xml" title="WebM Files &raquo; Comments Feed" href="https://www.webmfiles.org/comments/feed/" />
21<link rel="alternate" type="application/rss+xml" title="WebM Files &raquo; 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&#038;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&#038;subset=latin&#038;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&amp;can=2&amp;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 &#8220;cmd&#8221;), 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 &#8220;WebM Video for IE9&#8221; 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&amp;can=2&amp;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">&#8220;WebM Video for IE9&#8221;</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>&lt;Video&gt; 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&lt;video width="123" height="123" controls &gt;<br />
219&lt;source src="thefilename.webm" type='video/webm; codecs="vp8, vorbis"'&gt;<br />
220&lt;/video&gt;</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 &#8211; 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.