Javascript 在react material ui CardMedia组件中自动播放视频

Javascript 在react material ui CardMedia组件中自动播放视频,javascript,reactjs,material-ui,webm,Javascript,Reactjs,Material Ui,Webm,我有一个我想包含一个视频(webm)自动播放。(这是一个静音视频) 的文档指示将任何HTML元素列为组件元素类型——因此我列出了“video” 我试着从这里得到一些建议: 具体地说,我尝试添加了组件:“视频自动播放静音”,但没有任何效果-出现无法创建元素的错误。我还尝试传递一个实际的标记:。。。还有失败('应为字符串') 一些文本 关于如何在MaterialUI CardMedia组件中自动播放视频,有什么建议吗 或者,我会满足于默认情况下只显示控件-按原样,您必须右键单击并选择“显示控件”

我有一个我想包含一个视频(webm)自动播放。(这是一个静音视频)

的文档指示将任何HTML元素列为组件元素类型——因此我列出了“video”

我试着从这里得到一些建议:

具体地说,我尝试添加了
组件:“视频自动播放静音”
,但没有任何效果-出现无法创建元素的错误。我还尝试传递一个实际的标记:
。。。还有失败('应为字符串')


一些文本
关于如何在MaterialUI CardMedia组件中自动播放视频,有什么建议吗

或者,我会满足于默认情况下只显示控件-按原样,您必须右键单击并选择“显示控件”。

让我想到,CardMedia似乎只是将属性传递给“父”组件(在本例中是一个标记)

因此,我能够向CardMedia添加一个“自动播放”属性,它起了作用

        <CardMedia
            component='video'
            className={classes.media}
            image={"path/to/file/video.webm"}
            autoPlay
        />

请注意,添加“控件”也会将控件添加到视频中。

让我想到,CardMedia似乎只是将属性传递给“父”组件(在本例中是一个标记)

因此,我能够向CardMedia添加一个“自动播放”属性,它起了作用

        <CardMedia
            component='video'
            className={classes.media}
            image={"path/to/file/video.webm"}
            autoPlay
        />


请注意,添加“控件”也会将控件添加到视频中。

此外,如果在使用iframe组件时对其他人有帮助,您可以在URL中将
allow=“autoPlay”
?autoPlay=1&mute
组合使用,它将工作:


此外,如果在使用iframe组件时对其他人有帮助,您可以将URL中的
allow=“autoPlay”
?autoPlay=1&mute
组合使用,它将工作: