我的网站

我的网站

我的网站是一个功能强大的在线视频播放器，支持多种浏览器和设备。它具有简洁的界面和丰富的功能，使用户能够轻松地浏览和播放视频内容。

播放器设置

在播放器的样式中，我们定义了.video-js类来设置播放器的宽度和高度，以及.vjs-fluid类来实现自适应布局。这些样式使播放器在不同屏幕尺寸下都能保持良好的显示效果。

.video-js { width: 300px; height: 150px; }
.vjs-fluid { padding-top: 56.25% }

不支持的浏览器检查

为了确保只有支持的浏览器才能访问我的网站，我们使用了不支持的浏览器检查功能。如果用户使用的浏览器不在支持列表中，将显示一个提示信息。

var version = 9, notSupportList = [{ name: "ie", version: version }], notSupportListFromName = ["/msie|trident/", "qqbrowserlite"], browserData = { reverse: true }, dogSrc = 1;
browserData.notSupportList = notSupportList;
if (!BrowserChecked(browserData).isSupport) {
var xhr = new XMLHttpRequest();
xhr.open('GET', '/ajax/log_h.jsp?cmd=dog&dogId=200696&dogSrc=' + dogSrc, true);
xhr.onreadystatechange = function () ...
}

在这个示例中，我们首先定义了一个不支持的浏览器列表notSupportList,其中包括Internet Explorer版本9及更早版本。然后，我们使用BrowserChecked函数检查用户的浏览器是否在支持列表中。如果不在支持列表中，我们将通过AJAX请求获取一个动态生成的图片资源(dog),以提醒用户更换浏览器或升级到最新版本。