Comments (11)
Use .getVideoObject()
.
from vide.
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.
https://github.com/VodkaBears/Vide#methods.
This method returns HTMLVideoElement, which inherits methods from HTMLMediaElement.
from vide.
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.
var video = $("#video-wrap").data("vide").getVideoObject();
from vide.
I keep getting the
Uncaught TypeError: Cannot read property 'getVideoObject' of undefined(index):1598 (anonymous function)
error using getVideoObject
from vide.
Your element is not initialized.
$("#video-wrap").vide({ ... params ... }); // or via the special attribute
...
var video = $("#video-wrap").data("vide").getVideoObject();
from vide.
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.
They are not plugin methods...i told.
from vide.
I built my own, call it a plugin or not, doesn't change the question I had.
from vide.
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.
Related Issues (20)
- Chrome opacity issue with Chrome on mac HOT 1
- Autoplay on iOS 10 HOT 2
- Is it possible to play videos on Mobile devices (Android phones/windows phones/ I phones)? HOT 1
- Vide causes bandwidth leak/overages HOT 1
- Since not maintained anymore we could collect some alternatives HOT 2
- Video is not playing on MAC HOT 18
- How to Disable use .gif HOT 1
- Getting it to work
- Youtube Video Integration HOT 1
- Responsive problem HOT 3
- Play video on iphone HOT 2
- Plugin has stopped working for seemingly no reason HOT 1
- how to change video to image on chrome mobile with data saver ? HOT 1
- Safari Back button issue HOT 1
- Can't autoplay video with sound in Chrome HOT 2
- Cant un-mute?
- text on video HOT 1
- Vide 0.5.1 seems to not load videos, 0.5.0 works, and Awareness of forks... HOT 1
- Background video don't play at iPhones
- is still available for iOS 16 ?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vide.