桌面视图和移动视图中的视频不同，并且自动播放。

要实现桌面视图和移动视图中视频不同且自动播放的效果，可以使用媒体查询和JavaScript来实现。

首先，在HTML文件中，您需要添加一个video元素，并为其添加一个类名，以便在CSS和JavaScript中使用。例如：

<video class="desktop-video" src="video-desktop.mp4" autoplay muted loop></video>
<video class="mobile-video" src="video-mobile.mp4" autoplay muted loop></video>

接下来，在CSS文件中，您可以使用媒体查询来根据屏幕尺寸隐藏或显示不同的视频。例如：

.desktop-video {
  display: none;
}

@media only screen and (min-width: 768px) {
  .desktop-video {
    display: block;
  }
  
  .mobile-video {
    display: none;
  }
}

在上面的代码中，我们使用@media查询来指定屏幕宽度大于或等于768px时显示桌面视频，而隐藏移动视频。

最后，在JavaScript文件中，您可以使用以下代码来自动播放视频：

document.addEventListener("DOMContentLoaded", function() {
  var desktopVideo = document.querySelector(".desktop-video");
  var mobileVideo = document.querySelector(".mobile-video");
  
  if (window.innerWidth >= 768) {
    desktopVideo.play();
  } else {
    mobileVideo.play();
  }
});

在上面的代码中，我们使用DOMContentLoaded事件监听器来确保页面加载完毕后执行。然后，我们使用querySelector方法选择video元素，并根据屏幕宽度选择要播放的视频。

这样，当页面加载完成时，会自动播放相应的视频，并根据屏幕尺寸显示适当的视频。