Question

我从网上拿了一些代码。 http://www.creativebloq.com/html5/build-custom-html5-video-player-9134473 所有代码都可以下载，或者您可以在此页面上看到它。

在JavaScript文件中，他们将视频结构放在一个函数中。播放器的所有按钮都列在div类中，并且跨越JavaScript文件中的函数。不是HTML。

所以她试着在播放/暂停按钮上执行fadetoggle我在JavaScript文件中引用了按钮类。我在html中编写了淡入淡出功能。它不会从javafile中获取按钮类或任何其他元素。该函数仅从html文件中获取元素。

该功能有效。如果html中的一个use class容器包含其中的所有视频，它就可以工作。但我只需要播放按钮。

基本上，Java文件中列出的类可以不是HTML，例如：''在fadetoggle函数中使用吗？

Answer 1

这是来自他们的网站（http://www.inserthtml.com/2013/03/custom-html5-video-player/）。这个网站我把代码拿走了。 java中的所有这些类。但是我找到了这个班，帮我链接播放/暂停按钮。它仍然在java文件中，在其他地方，而不是在视频的结构中。我仍然不知道为什么我无法将功能链接到结构视频中的功能。

       // Wrap the video in a div with the class of your choosing
            $this.wrap('<div class="'+$settings.videoClass+'"></div>');


            // Select the div we just wrapped our video in for easy selection.
            var $that = $this.parent('.'+$settings.videoClass);

// The Structure of our video player
             {

  $( '<div class="player">'
 + '<div class="play-pause play">'
   + '<span class="play-button">&#9658;</span>'
   + '<div class="pause-button">'
     + '<span> </span>'
         + '<span> </span>'
   + '</div>'
 + '</div>'
 + '<div class="progress">'
   + '<div class="progress-bar">'
     + '<div class="button-holder">'
       + '<div class="progress-button"> </div>'
     + '</div>'
   + '</div>'
   + '<div class="time">'
     + '<span class="ctime">00:00</span>'
     + '<span class="stime"> / </span>'
     + '<span class="ttime">00:00</span>'
   + '</div>'
 + '</div>'
 + '<div class="volume">'
   + '<div class="volume-holder">'
     + '<div class="volume-bar-holder">'
       + '<div class="volume-bar">'
         + '<div class="volume-button-holder">'  
           + '<div class="volume-button"> </div>'
         + '</div>'
       + '</div>'
     + '</div>'
   + '</div>'
   + '<div class="volume-icon v-change-0">'
     + '<span> </span>'
   + '</div>'
 + '</div>'
 + '<div class="fullscreen"> '
   + '<a href="#"> </a>'
 + '</div>'

+''）。appendTo（$ that）;

}

play / pause = background fadetoggle。视频结束=背景淡化

1 个答案: