{"id":96,"date":"2022-09-20T14:00:41","date_gmt":"2022-09-20T12:00:41","guid":{"rendered":"https:\/\/intranet.projektninja.com\/?p=96"},"modified":"2024-06-15T18:36:18","modified_gmt":"2024-06-15T16:36:18","slug":"html5-video-element-autoplay-fail","status":"publish","type":"post","link":"https:\/\/projektninja.com\/devblog\/rozniaste\/html5-video-element-autoplay-fail\/","title":{"rendered":"HTML5 Video element autoplay fail"},"content":{"rendered":"\n<p>Niekt\u00f3re przegl\u0105darki nie pozwalaj\u0105 na auto-odtwarzanie video dop\u00f3ki u\u017cytkownik nie wykona jakiej\u015b interakcji ze stron\u0105. Wyj\u0105tkiem s\u0105 wyciszeone filmy.<\/p>\n\n\n\n<p>To Spowodowa\u0142o mi problem z auto-odtwarzaniem video w headerze strony po za\u0142adowaniu.  Rozwi\u0105zaniem jest dodanie do elementu &lt;video> atrybutu &#8220;muted&#8221;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>            &lt;!-- sajan mod -->\n            &lt;video id=\"video-header-sajan\" autoplay loop muted>\n                &lt;source src=\"http:\/\/postepstudio.pl\/wp-content\/uploads\/przykladowe_video_postepstudio.mp4\" type=\"video\/mp4\">\n            &lt;\/video><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Niekt\u00f3re przegl\u0105darki nie pozwalaj\u0105 na auto-odtwarzanie video dop\u00f3ki u\u017cytkownik nie wykona jakiej\u015b interakcji ze stron\u0105. Wyj\u0105tkiem s\u0105 wyciszeone filmy. To Spowodowa\u0142o mi problem z auto-odtwarzaniem video w headerze strony po za\u0142adowaniu. Rozwi\u0105zaniem jest dodanie do elementu &lt;video> atrybutu &#8220;muted&#8221;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[275],"tags":[33,35,36,37],"class_list":["post-96","post","type-post","status-publish","format-standard","hentry","category-rozniaste","tag-autoplay","tag-html5","tag-snippet","tag-video"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/posts\/96","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/comments?post=96"}],"version-history":[{"count":1,"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/posts\/96\/revisions"}],"predecessor-version":[{"id":690,"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/posts\/96\/revisions\/690"}],"wp:attachment":[{"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/media?parent=96"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/categories?post=96"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/tags?post=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}