如何让一个按钮播放一个lottie动画，同时在它里面

<button id="playButton">播放动画</button>
<div id="animationContainer"></div>
<div id="videoContainer"></div>

// 获取按钮和容器元素
const playButton = document.getElementById('playButton');
const animationContainer = document.getElementById('animationContainer');

// 设置动画配置
const animationConfig = {
  container: animationContainer,
  renderer: 'svg',
  loop: true,
  autoplay: false,
  path: 'path/to/animation.json' // 替换为你的lottie动画文件路径
};

// 加载动画
const animation = lottie.loadAnimation(animationConfig);

// 按钮点击事件
playButton.addEventListener('click', () => {
  animation.play();
});

// 获取视频容器元素
const videoContainer = document.getElementById('videoContainer');

// 创建video标签
const video = document.createElement('video');
video.src = 'path/to/video.mp4'; // 替换为你的视频文件路径
video.controls = true; // 显示视频控制条

// 将video标签添加到视频容器中
videoContainer.appendChild(video);

// 按钮点击事件
playButton.addEventListener('click', () => {
  video.play();
});