비디오 요소의 소스를 가져 오기위한 getmethod

Question

자바 스크립트에서 너비와 높이 특성을 설정할 수 있도록 비디오 소스를 제공하는 getMethod가 있습니까?

<script> 
    document.addEventListener("DOMContentLoaded", function() { 
     var video = document.getElementsBySource("videos/LugaMantanah.mp4")[0]; 
     video.height = 300; 
     video.width = 700; 
     var sequence = Popcorn.sequence("container", 
      [ 
       { 
       src: "video", 
       in: 0, 
       out: 30 
       }, 
       { 
       src: "videos/LugaMantanahAreaCodes.mp4", 
       in: 25, 
       out: 55 
      }, 
      ]); 
}, false); 
</script> 

Answer 1

당신이 이벤트 loadedmetadata 화재 후 폭과 비디오의 높이를 얻을 수 있습니다

: 코멘트 후

video.addEventListener("loadedmetadata", function (e) { 
    var width = this.videoWidth; 
    var height = this.videoHeight; 
}, false); 

---

편집을 : 당신이의 폭을 설정하려면

동영상의 경우 동영상 태그를 처리해야합니다 (팝콘으로 컨테이너 내부에로드됩니다).

아래 첫 번째 비디오의 너비와 높이를 설정하는 예입니다. var 시퀀스를 정의한 후에 코드에 추가 할 수 있습니다.

var video = document.getElementsByTagName("video")[0]; 
video.height = 150; 
video.width = 100;