HTML视频播放器：保持视频比例显示的方法

为了确保视频在不同设备上都能保持正确的显示比例，我们可以通过CSS来控制视频容器的尺寸。下面是一个简单的示例，展示如何实现这一功能。

首先，我们需要设置页面编码和会话状态：

<%@ page language="java" cOntentType="text/html; charset=UTF-8" pageEncoding="UTF-8" session="false" %>

接着，通过请求参数获取视频文件名：

String src = request.getParameter("name");
String name = "video/" + src;

接下来，定义HTML结构，并使用CSS来控制视频的比例和布局：

* { margin: 0; padding: 0; }
.vid-wrapper {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%; /* 16:9比例 */
    height: 0;
}
.vid-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
}

最后，添加一个Javascript函数来控制视频的播放和暂停：

var i = 1;
function playPause() {
    var video = document.getElementById('video');
    if (i) {
        // 暂停视频
        video.pause();
        i--; 
    } else {
        // 播放视频
        video.play();
        i++;
    }
}

以上代码片段展示了如何创建一个响应式的视频播放器，确保视频在任何屏幕尺寸下都能保持其原始比例。如果有任何问题或需要进一步的帮助，请随时留言。