Please refer to the code below. When I set transform: scale(X)
to a value that is not 1. The scrubber shows an inaccurate position/timestamp. May I request your team take a look at this.
<script type="text/javascript" src="//cdn.bitmovin.com/player/web/8/bitmovinplayer.js"></script>
<script type="text/javascript" src="//cdn.bitmovin.com/player/web/8/bitmovinplayer-ui.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.bitmovin.com/player/web/8/bitmovinplayer-ui.css" />
<style>
.wrapper {
transform: scale(0.75);
}
</style>
<div class="wrapper">
<div id='bitmovin-player'></div>
</div>
<script>
const source = {
title: 'Art of Motion',
dash: 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/mpds/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.mpd'
}
const player = new bitmovin.player.Player(document.getElementById('bitmovin-player'), {
ui: false,
tweaks: {
file_protocol: true,
app_id: 'APP_ID'
}
})
bitmovin.playerui.UIFactory.buildDefaultUI(player)
player.load(source)
</script>