Conceal choices within a Vimeo video

Is it possible to conceal specific elements such as the title, logo, like and watch buttons on a Vimeo video while still displaying the play/pause button? I attempted to use CSS and JavaScript to accomplish this, but was unsuccessful due to the video being embedded in an iframe.

I also tried using background="true", however this resulted in all player controls and elements being hidden (including the play/pause button).

Would utilizing an API enable me to hide these options on the Vimeo video? Is it feasible to achieve this with Javascript or Java?

javascriptjavajquerycssvimeo

Answer №1

You have a pressing query: 

Is it possible to conceal certain elements like the title, logo, like button, and watch later option on a Vimeo video while still displaying the play/pause button?

The title, byline, and portrait can be hidden by including specific parameters in the URL or player initialization options. You can find all available options in the Vimeo player repository. For instance:

<iframe src="https://player.vimeo.com/video/76979871?byline=0&portrait=0&title=0" width="640" height="360" frameborder="0" allowfullscreen></iframe>

Alternatively, you can adjust this example with the appropriate options:

var options = {
  id: 59777392,
  width: 640,
  byline: false,
  portrait: false,
  title: false
};

It's crucial to emphasize that these modifications will only take effect if the video owner has enabled them in their Video settings page by choosing the Let Users Decide option under "Your Details."

On the other hand, the Logo, watch later, and like buttons can solely be disabled by the video owner through the settings page.

Answer №2

When you click on the option that says Share this video, a modal window will appear.

https://i.sstatic.net/01x3g.png

In the modal window, you can select the option called Show options located next to the Embed section. Here, you will find checkboxes to hide elements such as the title and logo of the Vimeo video.

https://i.sstatic.net/yuiuc.jpg

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Is it possible to add a timer to a fade effect?

Is it possible to create a fade effect timer without using jQuery? I want text1 to fade out after 5 seconds, then have text2 appear, followed by text3 fading in. Unfortunately, my expertise does not extend to jQuery. For the task at hand, let's assum ...

javascriptjquery

Employing forward slashes as the template delimiter in JavaScript for HTML

let a = 1.10; let html = '<div>'\ '<strong>' + a + '</strong>\ //error here </div>'; console.log(html) Can you identify the issue in the code above? The intention is to insert a variab ...

javascriptjqueryhtml

Dealing with a jQuery Treeview event within an Angular 8 component class

I have come across multiple suggestions regarding using jQuery in my Angular 8 application. It seems that I need to declare a global variable $ as type any. declare var $: any; @Component({ selector: 'uis-add-department', templateUrl: &apos ...

jqueryangular

What is the process for generating a submatch for this specific expression?

Trying to extract account status information using a regular expression in the DOM. Here is the specific string from the page: <h3>Status</h3><p>Completed</p> Current regular expression being used: <h3>Status</h3>[&bs ...

javascriptregexstringexpression

How to send a server-side type to an ASP.NET webform to be consumed by JavaScript

Currently, I am working on passing a predefined Type (List) to an asp.net web form that needs to be recognized by JavaScript when the page loads. The sample data I am generating appears like this: protected List<MapCoords> createCoordinateList() ...

javascriptasp.net

How can I convert an ArrayList to a String in Java?

Is there a way to print the reverse of a given number without using a for loop? I am struggling with printing an ArrayList in a specific format. How can I print the ArrayList [3, 5, 4, 1] as 3541 - without any brackets, commas, or spaces? If this is not f ...

javaarraysstringarraylist

Resources for Vue.js stylesheets

Vue.js is my latest discovery and I have been experimenting with the single file component architecture. A small issue I encountered was that all of my components' styles were being loaded on the page, even if they weren't currently active. Is t ...

javascriptcssvue.js

Issue: Database not updating after input via AJAXExplanation: Despite submitting new data through AJAX, the

I've been struggling to display the UPDATED database on my initial html page after submitting new information. Despite successfully updating the database using AJAX, I can only see the outdated version. Any assistance in resolving this issue would be ...

javascriptphpjqueryajaxdatabase

Is this conditional statement accurate?

Could this be a legitimate condition? Why isn't it functioning as expected in PHP? var myString = 'hello'; if(myString == ('hello' || 'hi' || 'bonjour' || 'hallo')){ alert('Welcome'); } ...

javascriptphp

Unable to delete cookies that have been created through PHP

Let me explain how I handle cookies using PHP and Javascript. Firstly, in PHP, I create a cookie before the page is loaded using the following code: setcookie('my_key', $value, 0, ADMIN_COOKIE_PATH); For the Javascript part, I utilize jQuery a ...

phpjavascriptjqueryfirefoxcookies

Position an HTML canvas at the very top of the webpage

Can someone help me figure out how to align a canvas element to the very top (0, 0) of a webpage? I attempted using margin: 0; padding: 0px;, but it didn't work. There always seems to be some white space at the top that I can't eliminate. ...

javascripthtmlcsslayout

Exploring the functionalities of the execPopulate() method

I'm hitting a roadblock with using execPopulate. I've gone through the documentation, but it's just not clicking for me. Could someone clarify when exactly execPopulate() should be used after populate() and when it's unnecessary? In s ...

javascriptnode.jsmongodbexpressmongoose

Selenium is only able to locate elements on a webpage after conducting an inspect element

I have been attempting to extract all the "a" tags from using Selenium, however, I am consistently getting an empty list. Interestingly, if you inspect a hyperlink element and input $("a").length in the console using jQuery, it returns a number, ...

pythonjqueryselenium

How can I exclude holidays, Saturdays, and Sundays from a jQuery calendar in an ASP.NET application?

Within my application that utilizes jQuery date picker, I am facing an issue where I need to prevent customers from selecting weekends (Saturdays and Sundays) as well as USA holidays (e.g. 01-01-2011, etc. - with the year changing based on the computer&apo ...

jqueryasp.net

Issue with ReactJs's componentWillReceiveProps not being triggered when dispatching redux action for the last component

I am working with a component that showcases four distinct charts: class StudyingAnalytics extends Component { render() { return ( <div> <MonthlyAnalytics></MonthlyAnalytics> <WeeklyAnalytics></WeeklyA ...

javascriptreactjsreduxreact-reduxchart.js

Steps for refreshing the jQuery FullCalendar appointment once the event has been successfully created

Can you tell me the specific event or method name that needs to be called or handled in order to update an existing event in the calendar when clicked on? The full calendar can be found at ...

jquery

Retrieving the most recent 200 entries from the database table

I have a large database with over 1000 records, and I am looking to retrieve only the last 200. SELECT c.member_id, c.message_id, fm.firstname AS fname, up.gender, TIMESTAMPDIFF( YEAR, up.dob, NOW( ) ) AS age, c.upload_img, c.image, ...

javaphpmysqlsql

How to position two divs next to each other using CSS with just one adjustment

Is it possible to position two divs side by side, with one of them moving continuously up and down while containing an image? I attempted the following code: <div> <div style="margin:30px;width:100px;height:250px;position:relative;float:left; ...

htmlcssmove

What could be causing the ajax request to not go through?

Check out this function I created that triggers an event when any inputs in an HTML form are changed. Function Snippet: function customEvent(form, element) { var timer; $(element).keyup(function () { clearTimeout(timer); if ($(ele ...

javascriptjqueryajax

Bring in items and then go through each one

I'm curious if there's a way to loop through imported objects? import { Row, Col, Form, FormItem, Icon, Input, Tooltip, Image, Button, Dialog } from 'element-ui' objects.forEach(object => { // do something here }) When I have a ...

javascriptvue.jsjestjselement-ui