Comments (2)
Hey hey @another-blank-page, so I've added a global variable VIDEO_BACKGROUNDS
, now when jQuery is being used, and also an uniform function for setting the volume regardless of the type of the video. So you can still use jQuery and have this global variable out of the box.
for (let uid in VIDEO_BACKGROUNDS.index) {
VIDEO_BACKGROUNDS.index[uid].setVolume(0.15);
}
You can also set the initial volume via an attribute data-vbg-volume="0.15
.
Just remember that on mobile the mobile phone volume is picked up and this setting won't have an effect!
This update is in the latest release v1.0.18
Cheers! π₯
from youtube-background.
Hey there @another-blank-page! β¨ So, first of all this was intended to be just the background, without the capability of sound, I seriously cannot remember why I added the mute/unmute option. Anyway, I will add an attribute setting for the volume just for you, so stay tuned. The issue is that you are using jQuery which looses the reference for the index (facrory) object. VideoBackgrounds
object holds the index of all of the players.
Instead of using jQuery you can do this:
// Initialize the VideoBackgrounds object using vanilla JS
const videoBackgrounds = new VideoBackgrounds('[data-vbg]', { your_properties: here });
// Loop through all of the initialized backgrounds, each background contains the player variable
// and depending on the Video, Vimeo, Youtube players you can set the volume.
// Just remember that the youtube videos wait for `window.onYouTubeIframeAPIReady` to be triggered.
for (let uid in videoBackgrounds.index) {
if (videoBackgrounds.index[uid] instanceof YoutubeBackground) {
videoBackgrounds.index[uid].player.setVolume(15); // this should set the volume for all your youtube backgrounds, setting ranges from 0-100
}
}
That's bout it!
from youtube-background.
Related Issues (20)
- Youtube player gets injected even if there is no youtube or video HOT 2
- Please provide some troubleshooting tips HOT 1
- this.player.getvideodata is not a function HOT 1
- Not working on mobiles and tablets HOT 1
- Embedded YT playback quality poor on iOS Safari HOT 2
- feature: youtube-nocookie.com/embed/.... HOT 2
- Preview: file maxresdefault.jpg missing for some videos HOT 1
- How do I listen for the "video-background-play" event and other events? HOT 3
- Update Video URL after Initialization HOT 2
- Not able to disable on mobile HOT 1
- Issues with non-jquery working HOT 2
- youtube-background | Video stop on mobile when switching tabs/ windows HOT 5
- Bugs with starting video playback without sound and pausing the video when scrolling HOT 9
- Yarn install fail on Windows after 1.0.15 HOT 1
- The poster parameter is not working HOT 1
- Lighthouse tests complain that iframe does not have a title . HOT 2
- "explore video" pops up when the video is paused. HOT 3
- Playing private Vimeo videos HOT 4
- Pagespeed performance issues HOT 6
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 youtube-background.