单击按钮进行播放时,视频会向左移动

时间:2014-10-27 21:22:17

标签: jquery css

当我点击链接播放视频时,它会切换到页面的左侧。链接位于页面的中央,我希望视频也在页面中央打开。相反,它会在页面左侧打开。图层使用Sublime 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 code

1 个答案:

答案 0 :(得分:0)

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

我强烈怀疑你在两个元素上有不同的浮点数,或者可能有不同的边距。

您是否使用JS来隐藏图片?

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

(现在你只发布了HTML,但你在帖子的末尾暗示了JS,试着发布CSS和影响视频或封面图像的任何JS)