如何完全从JavaScript添加新视频？

// 导入视频文件
const videoFile = "path/to/video.mp4";
const video = document.createElement("video");
video.src = videoFile;

// 指定视频的容器
const videoContainer = document.getElementById("video-container");
video.controls = true;
videoContainer.appendChild(video);

// 检测设备的像素比
const devicePixelRatio = window.devicePixelRatio;

// 根据像素比调整视频的尺寸
video.style.width = `${video.offsetWidth / devicePixelRatio}px`;
video.style.height = `${video.offsetHeight / devicePixelRatio}px`;

// 导入视频文件
const videoFile = "path/to/video.mp4";
const video = document.createElement("video");
video.src = videoFile;

// 指定视频的容器
const videoContainer = document.getElementById("video-container");
video.controls = true;
videoContainer.appendChild(video);

// 检测设备的像素比
const devicePixelRatio = window.devicePixelRatio;

// 根据像素比调整视频的尺寸
video.style.width = `${video.offsetWidth / devicePixelRatio}px`;
video.style.height = `${video.offsetHeight / devicePixelRatio}px`;