Hello, I am trying to create an audio toggle button for my backgroun

I'm not familiar with getVideoObject() <p dir="au

Your element is not initialized. <div class="highlight highlight-source-js notrans

Toggle Audio about vide HOT 11 CLOSED

vodkabears commented on August 20, 2024

Toggle Audio

from vide.

Comments (11)

vodkabears commented on August 20, 2024

Use .getVideoObject().

from vide.

NathanKTC commented on August 20, 2024

I'm not familiar with getVideoObject()

What I've tried is

var video = getVideoObject();

              $("#mute-button").click( function (){
                if( video.prop('muted') ) {
                      video.prop('muted', false);
                } else {
                  video.prop('muted', true);
                }
              });

with a link with the id mute-button

from vide.

vodkabears commented on August 20, 2024

https://github.com/VodkaBears/Vide#methods.
This method returns HTMLVideoElement, which inherits methods from HTMLMediaElement.

from vide.

NathanKTC commented on August 20, 2024

I've seen this documentation but I'm not understanding how to implement it with an if/else, all I've come up with is:

var instance = $("#video-wrap").data("vide");
            instance.getVideoObject();

              $("#mute-button").click( function (){
                if( instance.prop('muted') ) {
                      instance.prop('muted', false);
                } else {
                  instance.prop('muted', true);
                }
              });

from vide.

vodkabears commented on August 20, 2024

var video = $("#video-wrap").data("vide").getVideoObject();

from vide.

NathanKTC commented on August 20, 2024

I keep getting the
Uncaught TypeError: Cannot read property 'getVideoObject' of undefined(index):1598 (anonymous function) error using getVideoObject

from vide.

vodkabears commented on August 20, 2024

Your element is not initialized.

$("#video-wrap").vide({ ... params ... }); // or via the special attribute

...

var video = $("#video-wrap").data("vide").getVideoObject();

from vide.

NathanKTC commented on August 20, 2024

I'm still struggling, I'm failing to understand how to implement the plugin specific methods, etc.

Why can't I just do something like :

$(function() {
            $("video").get(0).attr("id","video")
            $("mute-button").click(function(event) {
                      if ($("#video").paused == false) {
                          this.pause();
                          alert('music paused');
                      } else {
                          $("#video").play();
                          alert('music playing');
                      }
            });
});

from vide.

vodkabears commented on August 20, 2024

They are not plugin methods...i told.

from vide.

NathanKTC commented on August 20, 2024

I built my own, call it a plugin or not, doesn't change the question I had.

from vide.

fourroses666 commented on August 20, 2024

I have the play/pauze button working, see below of the script, but can't seem to have the mute button to work! Any idea what I'm doing wrong?
http://jsfiddle.net/fourroses666/8R7Xx/1020/

from vide.

Recommend Projects