JSFiddle - React, Tailwind, and code Playground
HTML
<div id="your-container"></div>
<script src="https://muse.ai/static/js/embed-player.min.js"></script>
<script>
const player = MusePlayer({
container: '#your-container',
video: 'sLFaX4p',
links: false,
search: false,
logo: 'https://www.edigitalagency.com.au/wp-content/uploads/Nike-logo-png-white.png',
autoplay: true,
css: `
.player-title {
color: #89CFF0 !important;
}
.player-controls-desktop a,
.player-controls-desktop span,
.player-small .player-controls-mobile .time-container,
.player-tiny .player-controls-mobile .time-container {
color: #89CFF0 !important;
}
.player-controls-desktop i,
.player-controls-mobile i,
.searchbar-player-container,
.m-slider.volume,
.player-cover-search,
.player-cover-play {
filter: invert(67%) sepia(60%) saturate(380%) hue-rotate(164deg) brightness(95%) contrast(96%) !important;
}
.buffer-bar,
.time-bar {
background: rgba(137, 207, 240, 0.5);
}
.time-chapter {
background: rgba(137, 207, 240, 0.2);
}
`
});
</script>