视频容器div上的Safari 11 css缩放使视频控件太小

// 检测浏览器是否为Safari 11
var isSafari11 = /^((?!chrome|android).)*safari/i.test(navigator.userAgent) && parseFloat(navigator.userAgent.match(/Version\/([0-9]+)/)[1]) >= 11;

if (isSafari11) {
  // 获取视频容器
  var videoContainer = document.getElementById('video-container');

  // 获取视频容器的原始宽度和高度
  var originalWidth = videoContainer.offsetWidth;
  var originalHeight = videoContainer.offsetHeight;

  // 计算缩放比例
  var scale = 1 / window.devicePixelRatio;

  // 恢复视频容器的尺寸
  videoContainer.style.width = originalWidth + 'px';
  videoContainer.style.height = originalHeight + 'px';

  // 调整视频控件的大小
  var videoControls = videoContainer.getElementsByTagName('video')[0].controls;
  videoControls.style.transform = 'scale(' + scale + ')';
}