我想知道如何为 jquery 插件添加视频控制？

Question

我想知道如何为 jquery 插件使用或添加视频控制。

这是我的链接： http://lotusvaluedevelopers.com/

代码如下：

<script src="jsnew/jquery.vide.min.js"></script>
<div data-vide-bg="video/real.mp4" class="agile-banner"></div>

我的音量控制不见了。

如何做到这一点？

Answer 1

您可以在<video> 标签上进行自己的音量控制。 获取video 元素并更改音量。

var instance = $('#yourElement').data('vide');

// Get video element of the background. Do what you want.
var video = instance.getVideoObject();

video.volume = 0.5;

或者给插件添加一个类名。

<div data-vide-bg="video/real.mp4" data-vide-options="className: myVideo" class="agile-banner"></div>  

并像这样设置<video>的音量；

$('.myVideo').find('video')[0].volume = 0.5;