Something changes my video attributes

kasper · 8 November 2021 19:19

Hi,

I have a video in the hero of a page, in the background. I’m giving it the “playsInline” attribute, which is the right one for react. But something changes it to “playsinline”, all lowercase. Does anyone know what might cause this change? It does it for the other attributes as well, and it also removed the “muted” attribute.

gist.github.com

https://gist.github.com/kasperaamodt/9fdd979848e4a573ad0c8d4d7fae58b4#file-hero-js-L9

hero.js

import React from "react";
import { connect, styled } from "frontity";
import Link from "@frontity/components/link";

const Hero = () => {
  return (
    <>
      <HeroContainer>
        <video playsInline autoPlay muted loop>
          <source src="https://backend.arctic-bioscience.com/wp-content/uploads/2021/04/hero.mp4" type="video/mp4" />

This file has been truncated. show original

Hero video on this page:

ni.bonev · 9 November 2021 11:22

Hey @kasper.

I dont have an answer for you, however I will work on exactly that feature this week, so I will let you know how it goes for me.