{"id":13331,"date":"2022-01-28T12:05:44","date_gmt":"2022-01-28T12:05:44","guid":{"rendered":"http:\/\/www.max-sperling.bplaced.net\/?p=13331"},"modified":"2024-09-28T11:40:20","modified_gmt":"2024-09-28T11:40:20","slug":"html5-video-default-vs-custom-player","status":"publish","type":"post","link":"http:\/\/www.max-sperling.bplaced.net\/?p=13331","title":{"rendered":"HTML5 video &#8211; Default vs. Custom player"},"content":{"rendered":"<p>The used custom player is Video.js, because it&#8217;s one of the most seen video player currently on the web.<\/p>\n<hr>\n<p><strong>Showcase<\/strong><\/p>\n<pre class=\"brush: xml; gutter: false; title: ; notranslate\" title=\"\">\r\n&lt;html&gt;\r\n  &lt;head&gt;\r\n    &lt;link href=&quot;https:\/\/vjs.zencdn.net\/7.10.2\/video-js.min.css&quot; rel=&quot;stylesheet&quot;&gt;\r\n    &lt;script src=&quot;https:\/\/vjs.zencdn.net\/7.10.2\/video.min.js&quot;&gt;&lt;\/script&gt;\r\n  &lt;\/head&gt;\r\n  &lt;body&gt;\r\n    &lt;h1&gt;Default player&lt;\/h1&gt;\r\n      &lt;video controls&gt;\r\n        &lt;source src=&quot;https:\/\/vjs.zencdn.net\/v\/oceans.mp4&quot;&gt;\r\n      &lt;\/video&gt;\r\n    &lt;h1&gt;Video.js player&lt;\/h1&gt;\r\n      &lt;video controls class=&quot;video-js&quot; data-setup=&quot;{}&quot;&gt;\r\n        &lt;source src=&quot;https:\/\/vjs.zencdn.net\/v\/oceans.mp4&quot;&gt;\r\n      &lt;\/video&gt;\r\n  &lt;body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<hr>\n<p><strong>Comparison<\/strong> (2022-01-28)<\/p>\n<table>\n<colgroup>\n<col style=\"width: 50%;\">\n<col style=\"width: 25%;\">\n<col style=\"width: 25%;\">\n  <\/colgroup>\n<tr>\n<th>Criteria<\/th>\n<th>Default<\/th>\n<th>Video.js<\/th>\n<\/tr>\n<tr>\n<td>Cross-browser appearance<\/td>\n<td>Different<\/td>\n<td>Identical<\/td>\n<\/tr>\n<tr>\n<td>Adaptive streaming support (HLS \/ DASH)<\/td>\n<td><a href=\"https:\/\/html5test.co\/\">Some<\/a><\/td>\n<td>Mostly <sup>1<\/sup><\/td>\n<\/tr>\n<\/table>\n<p><sup>1<\/sup> Except DASH on iOS Safari<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The used custom player is Video.js, because it&#8217;s one of the most seen video player currently on the web. Showcase<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false},"categories":[55],"tags":[],"_links":{"self":[{"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=\/wp\/v2\/posts\/13331"}],"collection":[{"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13331"}],"version-history":[{"count":3,"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=\/wp\/v2\/posts\/13331\/revisions"}],"predecessor-version":[{"id":17857,"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=\/wp\/v2\/posts\/13331\/revisions\/17857"}],"wp:attachment":[{"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13331"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=13331"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=13331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}