Video.js plugin to mute automatically a video in autoplay mode and will add a Unmute button like Youtube when a video is set to autoplay
<link href="https://cdn.jsdelivr.net/gh/onigetoc/videojs-unmute@main/dist/videojs-unmute.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/gh/onigetoc/videojs-unmute@main/dist/videojs-unmute.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/onigetoc/[email protected]/dist/videojs-unmute.js</script>
Call the plugin:
const myPlayer = videojs("myvideoID");
// Call the plugin
myPlayer.unmuteButton();
The button is just a suggestion since you can click anywhere on the video to unmute.
https://codepen.io/onigetoc/full/WNJLEJj
https://codepen.io/onigetoc/full/VwxRVYj
Githack preview: https://raw.githack.com/onigetoc/videojs-unmute/main/index.html
Video.js plugin to mute automatically a video in autoplay mode and will add a Unmute button like Youtube when a video is set to autoplay. Cross-compatibility for Video.js 5 and 6.
Translate to 11 of the most spoken languages in the world
translate={"en":"UNMUTE","zh":"激活声音","hi":"ध्वनि सक्रिय करें","es":"ACTIVAR SONIDO","fr":"ACTIVER LE SON","ar":"تنشيط الصوت","bn":"নিঃশব্দ","ru":"ВКЛЮЧИТЬ ЗВУК","pt":"ATIVAR SOM","de":"TON AKTIVIEREN","id":"AKTIFKAN SUARA"};
.vjs-unmute-overlay {} /* Overlay transparent 100% height and width of the video size */
.vjs-unmute {} /*Unmute button*/
.vjs-unmute:before {} /* Videojs muted icon */
.vjs-wrapper {} /* the wrapper div added around the video */
Add language from browser languageinclude css from the js file (may work in the next hours)(Problem with :before style may just use normal .css file)- Make it work from npm
If there's a request for help or to add options create a new issue.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent