使用video.js保持YouTube視頻的寬高比例

Question

我使用的是用於播放YouTube視頻的html5視頻標籤。我面臨着寬高比的問題。我無法從YouTube視頻中刪除黑條。

> <video id="vjs-youtube" height="385" width="710" class="video-js 
> vjs-default-skin" preload="auto" poster="" x-webkit-airplay="allow" 
> data-setup='{"techOrder":"youtube","html5"],"ytcontrols":false}'> 
> <source src="http://www.youtube.com/watch?v=4BS-PEEAgNk" 
> type="video/youtube"></source> </video> 

欣賞任何建議，

Answer 1

試試這個，

的Html

<video id="discovery" src="discovery.mp4"></video> 

的JavaScript

​​

來源（HTML5規範）：http://www.w3.org/TR/html5/video.html#video

然後，您可以通過將寬度除以高度來計算寬高比。

我希望這會有所幫助。