我想知道如何为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;