Question

嗨我想尝试在固定高度和宽度的新标签中播放视频我该怎么做这个我的代码：

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

当我点击<a>标签时，它会在新窗口中打开，但不同视频的视频大小会有所不同......！例如，我希望视频应该以固定维度播放： 100px * 200px

它的最佳解决方案是什么？？

Answer 1

video{
object-fit: initial;
width: 200px;
height: 100px;
}

Answer 2

<!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>

在这里你可以在同一页面上播放视频，如果你想播放新视窗，只需点击视频，它就会将你重定向到新窗口。

如何在固定尺寸的新标签中播放视频

2 个答案: