The muted attribute of a video doesn't apply

This issue has been created since 2022-11-22.

Which @angular/* package(s) are the source of the bug?

core

Is this a regression?

No

Description

I have been attempting to support background video with audio for a specific use case in my application. However the muted attribute doesn't seem to apply to the HTMLVideoElement in Angular Templates.

I am aware of MDN Auto Play Guide which is why I would like to mute the audio but retain autoplay.

Note that this also includes binding to the muted attribute although that could be a direct result of this and is considered a separate issue.

Please provide a link to a minimal reproduction of the bug

https://stackblitz.com/edit/angular-ivy-yzcgdf?file=src/app/app.component.html

Please provide the exception or error you saw

There is no exception or error but consider my "native" stackblitz as a comparison where the same "template" is used. In this case simply having the `muted` attritbute works as intended. 

https://stackblitz.com/edit/typescript-x1crfv?file=index.html

Please provide the environment you discovered this bug in (run ng version)

_                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 14.2.9
Node: 18.12.1 (Unsupported)
Package Manager: npm 8.19.2 
OS: win32 x64

Angular: 14.2.10
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1402.9
@angular-devkit/build-angular   14.2.9
@angular-devkit/core            8.3.29
@angular-devkit/schematics      8.3.29
@angular/cdk                    14.2.7
@angular/cli                    14.2.9
@angular/flex-layout            14.0.0-beta.40
@angular/material               14.2.7
@schematics/angular             8.3.29
rxjs                            7.5.5
typescript                      4.7.4

Anything else?

See this closed issue #23009

clark-stevenson wrote this answer on 2022-11-22

I just clicked on my stickblitz issue and it works but there is still a problem with this attribute that I cannot put my finger on.

  1. Load my stackblitz.
  2. Notice it works as intended. (Audio is muted)
  3. Remove the muted attribute from the template.
  4. Notice it works as intended. (Audio is NOT muted)
  5. Add the muted attribute back.
  6. Audio is NOT muted again.

Something is really strange with this muted attribute but I fear I need much more time to figure out what is going on and to isolate it. So for now, I will close this issue.

Appologies for the noise.

More Details About Repo
Owner Name angular
Repo Name angular
Full Name angular/angular
Language TypeScript
Created Date 2014-09-18
Updated Date 2022-12-01
Star Count 85220
Watcher Count 3042
Fork Count 22607
Issue Count 1316

YOU MAY BE INTERESTED

Issue Title Created Date Comment Count Updated Date
modlist.txt hash fail on list update 1 2022-11-13 2022-11-06
rename fields in the list install UI 0 2022-11-13 2022-11-06
[OKD 4.10.0 on KVM UPI] bootstrap never complete 7 2022-09-01 2022-11-22
Support ENUM DBAL types in *SelectEditable* 1 2018-01-13 2022-11-13
Autowiring services based on the types they implement is deprecated 7 2018-01-10 2022-10-11
DatatableTwigExtension: Method "getColumnNames" does not exist. 0 2018-01-02 2022-10-11
Firefox changes the absolute path, which breaks file-backups 3 2021-02-13 2022-10-22
Bookworm doesn't start on a Polish Windows 10 0 2022-01-14 2022-11-17
Download Options Bug 1 2022-04-18 2022-11-19
Service accounts and tokens issue 5 2020-12-24 2022-11-09
Senparc.Weixin.Work.AdvancedAPIs.MediaApi.UploadAsync 上传中文文件名为乱码。 4 2022-07-29 2022-11-06
希望企业微信文本消息卡片,增加id转译开关参数 2 2022-08-01 2022-11-06
流程图在大屏上 节点的线条显示不完整或者不显示出来 2 2021-06-21 2022-11-13
Vehicle In Service 10 2019-08-15 2022-01-04
Suggestion: Let beta_diversity use a pandas DataFrame index as ids by default 2 2022-04-06 2022-10-02
After restarting page it shows nothing (blank page). 19 2021-10-15 2022-09-30
Freeswitch Debian Bullseye support 1 2021-10-15 2022-10-08
paginate_by_sql fails when using different databases 1 2011-03-22 2022-10-22
what about $useMimeContentType and $useFinfo? 1 2017-06-15 2022-11-24
Unclear reporting requirements for WRF4 performance 3 2021-01-09 2022-10-30
StaxRip - not stable 1 2022-08-30 2022-11-24
"Stream with..." doesn't function properly when already in a video chat / live stream of another chat 0 2022-08-02 2022-10-23
Ability to detach preview tab to move it on another monitor 0 2022-11-09 2022-11-16
C4 diagrams do now work 1 2022-10-31 2022-11-16
Question about “dataset_h36m.py” 0 2021-11-03 2022-11-23
THE LATEST V13.31 CAN NOT OPEN THE YOUTUBE VIDEO TODAY 1 2021-11-04 2022-10-22
[supermassive] Deal with conditional resolving AOT 1 2022-07-08 2022-11-23
Add instructions on how to get other versions 3 2021-09-11 2022-12-01
[Bug] Double pages (no cover) jumps pages when moving to next book 2 2021-09-22 2022-11-30
Hearthstone-Deck-Tracker 国内加速下载 | newbe 0 2021-04-26 2022-11-02
Handle errors in loading gracefully. Remove infinite spinner loading and present error message to user 1 2021-08-18 2021-12-22
MP3 frame synchronization is not adequate in some pathological cases 8 2022-01-20 2022-11-06
HTTP01 creation of acme is unsuccessful 11 2022-01-05 2022-11-20
VM-DiskInfo - Data Disk size is not fetched properly. 2 2021-02-23 2022-11-22
Assessment Script for SAP 3 2021-03-31 2022-11-22
Intermittent UI test failure - <Classname.testName> 0 2022-10-05 2022-10-15
Is the documentation "Expand parameters" supposed to be JSDoc? 5 2022-02-21 2022-10-30
Bug in documentation for partialObject 8 2022-01-16 2022-10-30
Adjust logging in library packges 2 2021-10-24 2022-11-30
[Bug Report]: Cannot open monitor using WSL2 with project in windows folder (VSC-822) 8 2022-01-19 2022-10-22
track filesystem block usage 1 2020-07-12 2022-08-05
Please document how to serve real credentials in the mocked data 11 2022-07-14 2022-11-19
[camel 3.13.0] `MllpTest.testCharsetFromMsh18` failure 2 2021-10-25 2022-11-29
Unbound breakpoint in Angular project & Could not read source map 10 2021-12-16 2022-11-06
watcher: When deno is running as a daemon process with watching enabled, some ANSI escape sequences are printed even though stdout/stderr are not a TTY 2 2022-07-02 2022-11-02
Status Meaning - 8th field - 1 vs. 0 10 2017-01-21 2022-11-08
Handling all Rust targets. 2 2022-11-22 2022-11-30
Upcoming metadata changes in V8 7.7 7 2019-08-07 2022-11-22
simple question on inserting bibliography on document 4 2021-01-18 2022-11-11
sudo: PAM account management error: User not known to the underlying authentication module on first try of `sudo -i` 7 2020-06-19 2022-11-29