• Global community
    • Language:
      • Deutsch
      • English
      • EspaƱol
      • FranƧais
      • PortuguĆŖs
  • ę—„ęœ¬čŖžć‚³ćƒŸćƒ„ćƒ‹ćƒ†ć‚£
    Dedicated community for Japanese speakers
  • ķ•œźµ­ ģ»¤ė®¤ė‹ˆķ‹°
    Dedicated community for Korean speakers
Exit
Locked
0

disable/remove the download button in the user controls in an mp4 video in Muse?

Community Beginner ,
Jan 05, 2017 Jan 05, 2017

Copy link to clipboard

Copied

Is there a way to disable/remove  the download button in the user controls after I have posted an mp4 video on my site in Muse?

<video width="480" height="360" controls="false">

<source src="/assets/lookbackdemov7.mp4" type="video/mp4">

</video>

download button Muse.png

Views

5.9K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Jan 06, 2017 Jan 06, 2017

Please try Placing the below code in head section of your Muse by ( Page>Page Properties>HTML for head)

<style>

video::-internal-media-controls-download-button {

    display:none;

}

video::-webkit-media-controls-enclosure {

    overflow:hidden;

}

video::-webkit-media-controls-panel {

    width: calc(100% + 30px); /* Adjust as needed */

}

</style>

Let me know if this works.

Regards,

Ankush

Votes

Translate

Translate
Jan 05, 2017 Jan 05, 2017

Copy link to clipboard

Copied

Hi,

Did you publish your site?

If yes, please send me the URL so I can have a look at it.

Regards,

Ankush

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 05, 2017 Jan 05, 2017

Copy link to clipboard

Copied

http://tds-creative.businesscatalyst.com/video.html

The video works fine, I just want to remove the download arrow in the user control bar

Tracy

Sent from my iPhone

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 05, 2017 Jan 05, 2017

Copy link to clipboard

Copied

How did you embed the video in Adobe Muse?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 05, 2017 Jan 05, 2017

Copy link to clipboard

Copied

I don't recall, someone from your team helped me Set it up

Sent from my iPhone

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 05, 2017 Jan 05, 2017

Copy link to clipboard

Copied

And I already provided the HTML code I used. I just want to know if the code can be revised to remove the download button here:

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Jan 06, 2017 Jan 06, 2017

Copy link to clipboard

Copied

Please try Placing the below code in head section of your Muse by ( Page>Page Properties>HTML for head)

<style>

video::-internal-media-controls-download-button {

    display:none;

}

video::-webkit-media-controls-enclosure {

    overflow:hidden;

}

video::-webkit-media-controls-panel {

    width: calc(100% + 30px); /* Adjust as needed */

}

</style>

Let me know if this works.

Regards,

Ankush

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 06, 2017 Jan 06, 2017

Copy link to clipboard

Copied

Thanks that works.Could you also advise the code for adding a poster / image over the video?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Jan 06, 2017 Jan 06, 2017

Copy link to clipboard

Copied

Hello,

Below should be the code for adding a poster.

<video width="320" height="240" poster="assets/imagename.png" controls>

   <source src="assets/file_name.mp4" type="video/mp4">

</video>

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 01, 2018 Mar 01, 2018

Copy link to clipboard

Copied

LATEST

Hi , I have :                                                   <a href="Myvideo.mp4">

@ ! !How I might remove button download. Help me Please . I work with DW CS6

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jun 18, 2017 Jun 18, 2017

Copy link to clipboard

Copied

I hope you can help.

I've placed an MP4 in the video controls of Animate CC (with controls ticked) and published the OAM. I have then placed the OAM in my Muse Website page and everything works fine OTHER than disabling the download button.

This is despite your code above. Am I missing something simple?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines