Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How to add download option in the player?

See original GitHub issue

Have you read the FAQ and checked for duplicate open issues?: Yes

What version of Shaka Player are you using?: 2.3

Can you reproduce the issue with our latest release version?:

Can you reproduce the issue with the latest code from master?:

Are you using the demo app or your own custom app?: Yes

If custom app, can you reproduce the issue using our demo app?:

What browser and OS are you using?: chrome windows

What are the manifest and license server URIs?:

What did you do? Want to add Download option in ahaka player. Please tell me how

What did you expect to happen? Download the video

What actually happened?

Issue Analytics

State:
Created 5 years ago
Comments:9 (5 by maintainers)

Top GitHub Comments

1reaction

joeyparrishcommented, Nov 14, 2018

The basic template for building a UI is:

Remove the controls attribute on the <video> tag or set video.controls = false in JavaScript. This disables the browser’s native controls.
Overlay other HTML elements (buttons, etc) on top of the <video> tag using CSS.
When those buttons are clicked, your event handlers can use the <video> and Player APIs to control playback.

As @ismena mentioned, our current demo controls are implemented in demo/common/controls.js and controls.css, and you are welcome to use those for inspiration or as a starting point for your own.

Or, you can use our UI library. which will be released as a public beta very soon.

1reaction

ismenacommented, Nov 14, 2018

As I mentioned, we don’t currently have a UI layer at all! If you’d like to write one, you can use https://github.com/google/shaka-player/blob/master/demo/common/controls.js as an example.

Top Results From Across the Web

How to add download option in the player? #1652 - GitHub

I am getting download button outside of the player I want the option on player screen like we have picture and caption option...

How to add download button in video player with Plyr JS?

You can turn it on in the controls option by adding download. It'll automatically point to the current source and open in a...

Adding a Download Button - JW Player Demos

Adding a Download Button. This demo shows you how to allow users to easily download a video file. github. // Set up the...

How to enable Download option - Docs - PlayerJS

If mp4 or mp3 is played, the file will open in the browser player and the user will need to save the file...

Add Download Button in Video-js Player - CodePen

1. var player = videojs(document.querySelector('.video-js'), { ; 2. plugins: { ; 3. vjsdownload:{ ; 4. beforeElement: 'playbackRateMenuButton', ; 5. textControl: ' ...