When using Vimeo's JS API, the player.loadVideo() method will revert the player's settings back to their default options

Question

When using Vimeo's JS API, the player.loadVideo() method will revert the player's settings back to their default options

Using Vimeo's player.js API, I'm setting options on the player to disable the title upon initialization:

var options = {
    id: 59777392,
    title: false
};
var vimPlayer = new Vimeo.Player('myDiv', options);

The video player correctly displays without a title as expected.

However, when loading a different video using the loadVideo() method, the 'title: false' option seems to be overridden:

player.loadVideo(76979871);

Subsequent loads display the title, despite the initial setting.

Is there a way to maintain the 'title: false' option throughout all video loads? I've tried setting the attribute 'data-vimeo-title="false"' on the div itself and passing options in the loadVideo() function, but with no success.

javascript video vimeo vimeo-api vimeo-player

Answer 1

Answer №1

Consider implementing a function to handle this task.

let youtubePlayer;

function playVideo(videoId) {

    let settings = {
        id: videoId,
        title: true
    };

    youtubePlayer = new YouTube.Player('videoBox', settings);
}

playVideo(12345678);

Furthermore, based on user input:

playVideo(87654321);

Answer 2

Consider implementing a function to handle this task.

let youtubePlayer;

function playVideo(videoId) {

    let settings = {
        id: videoId,
        title: true
    };

    youtubePlayer = new YouTube.Player('videoBox', settings);
}

playVideo(12345678);

Furthermore, based on user input:

playVideo(87654321);

When using Vimeo's JS API, the player.loadVideo() method will revert the player's settings back to their default options

Answer №1

Similar questions

Encountering a problem with the getJSON() function within the app.js file connected to a solidity

Generate a novel item by organizing the key of an array of objects

Is there a way to verify within the "if" statement without repeating the code?

Transferring a variable between a JavaScript function and a Java class

What is the best way to access props from a different file in a React application?

The output from the lodash sortBy function is not aligning with the anticipated result

Incorporate a 1-second delay for each value in the stream using Bacon.js

Using & in text leads to segmentation upon transmission to the server

What is the most effective way to eliminate error messages from the email format checker code?

Exploring Linked Data in JSON API Response with Rails API, Active Model Serializer, and Vue.js Single Page Application

What could be causing the 304 error when using $http.get?

I am interested in creating a class that will produce functions as its instances

Begin by opening a single div for each instance

An issue has arisen while trying to run NPM start on ReactJS

Tips for utilizing the AngularJS filter to group by two columns in Angular

Using Node and Express to handle form submissions, we can create a POST request that sends data to the server

Deleting an element from a JavaScript array

Unpredictable preset inline styles for HTML input elements

Modifying array elements in JavaScript without explicit instructions

Discovering the quantity of identical elements within a JavaScript array