如何刪除使用javascript

Question

我創建了一個瓦（Metro UI的CSS）和瓷磚確實下列瓦的變焦效果（Metro UI的CSS）：

• 在點擊的視頻播放。
• 不顯示幻燈片右鍵效果（點擊）。

我無法刪除瓷磚的縮放效果。我嘗試刪除瓷磚類，但它不工作。請在瓷磚單擊後刪除縮放效果。這裏是代碼。

HTML

<div class="container"> 
<div class="row"> 
<div class="col-md-6"> 
<div class="tile" id="vii"> 
<div class="tile-content slide-right" > 
     <div class="slide slide1"> 
      <video id="myvideo" controls muted> 
       <source src="1.mp4" type="video/mp4" /> 
      </video> 
     </div> 
    <div class="slide-over slide-over1" id="viii"> 
     Attack by Smit 
    </div> 
</div> 
</div> 
</div> 
</div> 
</div> 

的JavaScript

var myvideo = document.getElementById("myvideo"); 
var myaudio = document.getElementById("myaudio"); 
document.getElementById("vii").onclick=function(){ 
myvideo.play(); 
myvideo.style.display="block"; 
myvideo.style.width="600px"; 
myvideo.style.height="300px"; 
document.getElementById("viii").style.display="none"; 
} 

下面是代碼片段：

http://jsbin.com/tujakasuci/1/edit?html,output

謝謝!!

Answer 1

你應該OnClick，刪除slide-right類。變焦效果來自這個類別：

document.getElementById("vii").onclick=function(){ 
    $('.tile-content').removeClass("slide-right"); 
    myvideo.play(); 
    myvideo.style.display="block"; 
    myvideo.style.width="600px"; 
    myvideo.style.height="300px"; 
    document.getElementById("viii").style.display="none"; 
}