视频不再开始播放了

时间:2017-06-02 11:48:32

标签: javascript html css video tweenmax

我正在创建一个网站,我必须点击一个按钮才能打开视频。它曾经工作过,但现在它已经不存在了。我是否意外删除或更改了某些内容?

这是我的代码:

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>
&#13;
&#13;
&#13;

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

&#34;我是否意外删除或更改了某些内容?&#34;所有迹象都指向&#34;是&#34;。

(您永远不会在av1.onclick中定义&#39; vid&#39;可能您曾经在那里有var vid = $('#vid')。)