视频不再开始播放

-1

我正在创建一个网站，我必须点击一个按钮才能打开视频。它曾经工作，但现在它不再了。我是否意外删除或改变了某些内容？视频不再开始播放

这里是我的代码：

HTML：

textbela.style.opacity=0; 
 
av1.onmouseover = function(){ 
 
    TweenMax.to (textbela,0.69,{opacity:1}) 
 
    TweenMax.to (vid1,0.66,{height:"100%"}) 
 
} 
 

 
av1.onmouseout = function(){ 
 
    TweenMax.to (textbela,0.69,{opacity:0}) 
 
    TweenMax.to (vid1,1,{height:"10%"}) 
 
} 
 

 
av1.onclick = function(){ 
 
    TweenMax.to ($(".button"),1,{opacity:0,onComplete:fct}) 
 
    function fct(){ 
 
    vid.style.display="block" 
 
    vid.play(); 
 
    } 
 
}

#av1{ 
 
    position:absolute; 
 
    left:5%; 
 
    background:url(previews/av1.jpg) 70% 50%; 
 
    background-size:cover; 
 
    height: 40%; 
 
    width: 40%; 
 
    border: solid; 
 
    border-width: 2px; 
 
    border-color: #000; 
 
} 
 

 
#vid1{ 
 
    position:absolute; 
 
    top:0; 
 
    background-color: #000; 
 
    height: 25px; 
 
    width: 100%; 
 
} 
 

 
#vid1 p{ 
 
    color:#F3EBEB; 
 
    font-size:16px; 
 
    text-align:center; 
 
    margin-top:0px; 
 
} 
 

 
#vid { 
 
    display:none; 
 
    position:absolute; 
 
    height:90%; 
 
    width:100%; 
 
} 
 

 
#av1:hover{ 
 
    cursor: pointer; 
 
} 
 

 
#av1:hover #textbela{ 
 
    color: white; 
 
    transition-delay: 0.7s; 
 
    transition: 0.69s; 
 
} 
 

 
#textbela{ 
 
    font-family: avenir light; 
 
    font-size: 16px; 
 
    color: transparent; 
 
    text-align: center; 
 
}

<video id="vid"> 
 
    <source src="Bela Lugosi's Dead.mp4" type="video/mp4"> 
 
</video> 
 

 
<div class="button"> 
 
    <div id="av1"> 
 
     <div id="vid1"> 
 
      <p>Bela Lugosi's Dead</p> 
 
      <div id="textbela">J’ai réalisé le clip de la chanson “Bela Lugosi’s Dead” de Bauhaus. La chanson parle de Bela Lugosi, l’acteur ayant incarné Dracula pour la première fois dans le film de 1931.</div> 
 
     </div> 
 
    </div> 
 
</div>

感谢您的帮助！

来源

2017-06-02 Nicola Corradini

“我是否意外删除或改变了某些内容？”所有的迹象都指向“是”。

（你永远不会在你的av1.onclick定义“VID”;可能是你曾经有过在那里var vid = $('#vid')）再次

来源

2017-06-02 14:46:14

作品，谢谢！ :-D –

视频不再开始播放

回答

相关问题