Angular中mat-video组件静音属性及自动播放设置咨询

当然有啦！mat-video组件完全支持muted属性，和原生<video>标签的用法一致，刚好能帮你实现页面加载后静音自动播放的需求。

你只需要在组件标签上添加muted="true"（或者使用Angular的属性绑定语法[muted]="true"）即可，结合你已有的autoplay="true"设置，就能达到预期效果。另外要注意，现代浏览器的自动播放策略通常要求视频静音才能自动播放，所以这个组合是很稳妥的。

修改后的代码示例：

<mat-video style="min-height: 30%" quality="false" title="My Tutorial Title" loop="true" 
           [autoplay]="true" [preload]="true" [fullscreen]="true" [download]="false" 
           color="accent" spinner="spin" poster="assets/images/CICDBlog.png" muted="true">
  <source matVideoSource src="assets/videos/samplevideo.mp4" type="video/mp4">
  <source src="tutorial.webm" type="video/webm">
  <track matVideoTrack src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</mat-video>

如果后续需要动态控制静音状态，也可以用Angular的属性绑定写法[muted]="true"，效果和直接写muted="true"是一致的。

内容的提问来源于stack exchange，提问作者Suraj Nerati