在自适应网站制作中，如果处理不同设备上的视频和音频播放问题，可以考虑以下几种方式：

1. 媒体查询(Media Queries)：使用CSS中的媒体查询来根据不同设备的宽度、高度、分辨率等特性，为相应的设备加载不同的视频和音频文件。

示例代码：
“`css
@media screen and (max-width: 768px) {

video {
background: url(‘small-video.jpg’);
}
}
@media screen and (min-width: 769px) {

video {
background: url(‘large-video.jpg’);
}
}
“`

2. HTML5的`

示例代码：
“`html

Your browser does not support the video tag.

“`

3. Javascript检测：使用Javascript来检测设备类型或特性，并根据检测结果决定加载不同的视频和音频文件。

示例代码：
“`javascript
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
var videoElem = document.getElementById(‘myVideo’);

if (isMobile) {
videoElem.setAttribute(‘src’, ‘mobile-video.mp4’);
} else {
videoElem.setAttribute(‘src’, ‘desktop-video.mp4’);
}
“`

通过以上方式，可以根据设备类型、屏幕大小和特性，选择加载适合的视频和音频文件，以提供更好的用户体验。