2017-03-06 38 views
0

你好我試圖播放與固定高度的新選項卡中的視頻和寬度我怎麼做這是我的代碼:我怎麼能起到新的選項卡中的視頻尺寸固定

<a href="uploads/course_videos/sample.mp4" target="_blank"> 
    <video width="100px"> 
     <source src="uploads/course_videos/sample.mp4"> 
    </video> 
</a> 

當我點擊在<a>標記它在新窗口中打開,但視頻尺寸對於不同的視頻來說是不同的...! 例如,我希望視頻應該在固定尺寸上播放: 100px * 200px

什麼是最好的解決方案。

+1

使用屬性高度和寬度width =「100px」height =「200px」 – Omi

回答

1
<!DOCTYPE html> 
<html> 
<head> 
<title>Video Play with fixed dim</title> 
</head> 
<body> 

<a href="uploads/course_videos/sample.mp4" target="_blank"> 
<video id="video_loc" width="100px" height="200px"> 
<source src="uploads/course_videos/sample.mp4"> 
</video> 
</a> 


</body> 
<script> 

var vidd = document.getElementById("video_loc"); 
vidd.play(); 

</script> 
</html> 

在這裏,您可以在同一頁上播放視頻,如果你要玩新窗口只需點擊視頻將您重定向到新窗口。

1
video{ 
object-fit: initial; 
width: 200px; 
height: 100px; 
} 
相關問題