视频向左移动，点击按钮播放它

当我点击链接播放视频时，它会转移到页面的左侧。链接位于页面的中心，我还希望视频也可以在页面的中心打开。相反，它会打开在PAGE电泳层用崇高的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代码

来源

2014-10-27 user35434494

没有看到更多（CSS/JS ）它看起来好像你有一个隐藏的视频容器，没有任何东西使它居中。如果你添加'position：relative; margin：0 auto;'对于视频容器的CSS，它将视频容器置于其偏移父级（指示其位置的祖先元素）内。再次，没有更多的信息，我不能确定这将如何在你的视频框架内工作。 – Jasper 2014-10-27 21:36:03

您可以发布您的CSS代码呢？

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

您是否使用JS来隐藏图像？

检查以确保您的浮动和边距设置与封面图片和视频相同。希望这可以帮助！

（眼下你只有HTML发布的，但你在JS暗示对你的帖子的末尾，尝试张贴影响视频或封面图片的CSS和任何JS）

来源

2014-10-27 21:33:14

通常，这种类型的答案将作为注释发布，直到OP实际添加您要求的内容。 – Jasper 2014-10-27 21:38:52

视频向左移动，点击按钮播放它

回答

相关问题