Jquery 单击按钮播放视频时，视频会向左移动

当我点击链接播放视频时，它会移到页面的左侧。链接位于页面的中心，我希望视频也在页面的中心打开。取而代之的是，它会在页面的左侧打开。该层使用了Supreme HTML5视频播放器

html代码

<div id="demo">
<table>
 <tr>   
<td><a href='#' id='start_video1' class='custom_start_view'><h3>Watch Demo</h3> </td>
<td><img src="assets/images/logo.png" width="50" height="50"/> </td>
</tr>
</a>
<video  id='video1' data-autoplay='true' poster='assets/images/logo.png' width='432' height='243' preload='none' style='display:none;'>
  <source src='assets/DreamItReelExplainerVideo.mp4' />
  <source src='assets/DreamItReelExplainerVideo.webm' data-quality='hd' />
  </video>
</table>
</div>

---

js代码

你也可以发布你的CSS代码吗

我强烈怀疑这两个元素的浮动不同，或者可能有不同的边距

您是否使用JS隐藏图像

检查以确保封面图像和视频的浮动和边距设置相同。希望这有帮助

---

现在你只发布了HTML，但是你在文章的末尾提示了JS，试着发布CSS和任何影响视频或封面图像的JS，但没有看到更多的CSS/JS。它看起来好像你有一个隐藏的视频容器，没有任何东西使它居中。如果添加位置：相对；保证金：0自动；对于视频容器的CSS，它将使视频容器在其偏移父元素（指示其位置的祖先元素）内居中。同样，如果没有更多信息，我无法确定这将如何在你的视频框架内工作。通常情况下，这种类型的答案将作为评论发布，直到OP实际添加了你要求的内容。