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