Skip to content
This repository was archived by the owner on Dec 28, 2022. It is now read-only.

How to show volume and mute on video #25

Open
bradrice opened this issue Dec 3, 2019 · 3 comments
Open

How to show volume and mute on video #25

bradrice opened this issue Dec 3, 2019 · 3 comments

Comments

@bradrice
Copy link

bradrice commented Dec 3, 2019

I've tried adding volume and mute buttons to my html 5 video but can't seem to get them to show. Do you have an example of adding them?

I'm doing this in ngOnInit

this.options = {
controls: ['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'captions', 'settings', 'pip', 'airplay', 'fullscreen']
};

And then in my html:

    <plyr style="display: block; width: 640px; margin: 12px auto;" [plyrOptions]="options" plyrTitle="Video" [plyrPlaysInline]="true" [plyrSources]="videoSources" (plyrInit)="player = $event" (plyrCanPlay)="readyPlay($event)" (plyrPlay)="played($event)"></plyr>
@coltenkrauter
Copy link

I am facing this issue as well.

@smnbbrv
Copy link
Owner

smnbbrv commented Dec 15, 2019

Is this related to #9?

@coltenkrauter
Copy link

Well, the problem that I am facing is being able to choose the plyrOptions on an audio plyr. So, technically, I can see volume and mute currently, as expected, but I would like to be able to control the options. I would like to be able to display the loop (repeat) option as shown in this codepen https://codepen.io/markhillard/pen/Hjcwu.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants