嵌入了多个视频，第一个视频在任何地方都可以播放

Question

我有一个博客样式页面，其中包含段落，每个段落之后都有照片和视频。无论有视频在哪里，都会播放第一个视频

我连续多次拥有此版式。例如，第一次是picture1和video1，第二次是picture2和video2。 正在播放的是picture1和video1，然后一直是picture2和video1。为什么会这样？

HTML：

<div class="entry">
   <p>Para</p>
</div>

<div class="image">
   <img src="image.jpg">
</div>
<div class="image">
   <video><source src="image=.MP4">   </video>
</div>

CSS：

.entry p{
    font-family: "Reenie Beanie";
    font-size: 33px;
    margin-left: 35px;
    margin-right: 60px;
    font-weight: lighter;

}
.image img{
    width: 400px;
    height: 550px;
    float: left;
    margin-left: 70px;
    margin-top: 40px;
    margin-bottom: 70px;
    box-shadow: 6px 15px 10px 6px;
    position: relative;
}
.image video{
    width: 400px;
    height: 550px;
    float: left;
    margin-left: 70px;
    margin-top: 40px;
    margin-bottom: 70px;
    box-shadow: 6px 15px 10px 6px;
    position: relative;
 }