Извлечение фактической области воспроизведения видео (т. Е. Без черных полос) в видеогалере

Question

Есть ли способ извлечь фактическую зону воспроизведения видео (например, x, y, ширина, высота) внутри видеоигры? «фактическое воспроизводящее видео», я имею в виду часть между черными полосами (в тех случаях, когда видеоголовка имеет разный формат изображения, чем сам видео).

Thanks

Answer 1

Я являюсь создателем Videogular.

Вы можете извлечь эту информацию из свойства API.mediaElement.

Я рекомендую вам извлечь информацию об обратном вызове onUpdateTime, так как вы получите размеры видеообъекта при загрузке метаданных видео. Например:

this.onUpdateTime = function (currentTime, totalTime) { 
    this.currentTime = currentTime; 
    this.totalTime = totalTime; 

    var containerWidth = this.API.mediaElement[0].offsetWidth; 
    var containerHeight = this.API.mediaElement[0].offsetHeight; 
    var videoWidth = this.API.mediaElement[0].videoWidth; 
    var videoHeight = this.API.mediaElement[0].videoHeight; 
    console.log(containerWidth); 
    console.log(containerHeight); 
    console.log(videoWidth); 
    console.log(videoHeight); 

    var calcVideoHeight = videoHeight * containerWidth/videoWidth; 
    var videoY = (containerHeight - calcVideoHeight)/2; 

    console.log(calcVideoHeight); 
    console.log(videoY); 

    console.log("actual playing area"); 
    console.log("x: " + this.API.mediaElement[0].offsetLeft + 
       " | y: " + videoY + 
       " | videoWidth: " + containerWidth + 
       " | videoHeight: " + calcVideoHeight); 
};