This question already has an answer here:
Modify default HTML5 video controls
(1 answer)
Closed 6 years ago.
I noticed that in new version of Chrome browser (55.x) the audio player (HTML<audio>) has download button. I see this button in Chrome only and I can't find anything about how to turn it off.
Code:
<audio src="audioUrl.mp3" controls=""></audio>
Ideally I'd like to hide this button but if hiding button is not possible I'd like to prevent downloading file when button pressed. I couldn't find any ondownload event where I could do such thing.
Any help will be appreciated.
"In reality, you can't. But you can make it harder to download."
The full response is here: Prevent HTML5 video from being downloaded (right-click saved)?
Related
This question already exists:
How to download videos from this type of links? [duplicate]
Closed 12 months ago.
As you can see my code. I want that when someone clicks on the image the video get downloaded to the device. I have tried to code but when i click on the image it open a HTML5 video play instead of downloading. Can someone help with this code.
<p>Click on the w3schools logo to download the video :<p> <img src="/images/myw3schoolsimage.jpg" alt="myvideoimage" width="104" height="142">
This question already has answers here:
Prevent HTML5 video from being downloaded (right-click saved)?
(28 answers)
Closed 5 years ago.
What is the best way to make it harder for the user to download videos from my website?. I know it is impossible to prevent it at all. But I just want to make it more difficult than just secondary click, save as. I'm rendering as html5 video tag. I'm using to remove download button from controls. But still can save the video using secondary click and save video as. There is an effective way to make it a little bit difficult to the user from downloading videos from my website?.
This question where answered before but I post here the solution that I got from Clayton Graul here :)
This is a simple solution for those wishing to simply remove the right-click "save" option from the html5 videos
$(document).ready(function(){
$('#videoElementID').bind('contextmenu',function() { return false; });
});
This question already has an answer here:
"Autoplay" HTML5 audio player on mobile browsers
(1 answer)
Closed 6 years ago.
I have created a webpage using html and css, I wanted to start an audio file in the background automatically once the page is loaded. Thus I have used <audio> tag in my code.
Now, this works perfectly fine when I open my page in my desktop, but when I open same page through mobile's browser, audio does not starts automatically. It requires manual option.
Can anyone provide me with the solution?
Most of the mobile browsers don't support audio autoplay to save mobile bandwidth on behalf of the user! The similar issue already discussed before, but i have something to share with you which may help you out.
Chrome does not allow applications to play HTML5 audio
after googlling little bit i found an article on codeproject which is really helpful in your case. here is the link.
Fix autoplay issue in mobile browser
i hope it will help you to come out from trouble, thanks.
This question already has answers here:
Disable "save image" in iOS web application
(4 answers)
Closed 6 years ago.
I am trying to disable the "save image" dialoge from showing on the iPhone/any iOS device. When a user is in Safari they can hold their finger down on an image and they can save that image directly to their phone. Is their a way to diable this menu with javascript, jquery, or css?
I have looked around at other posts and there does not seem to be that much on this topic. I found one post but the answer did not seem to work.
I saw one method of using an invisible div but I prefer not to do this if it can be done with jQuery or javascript.
Thanks
Have you tried -webkit-user-select:none; and/or -webkit-touch-callout:none;?
You might be looking for: -webkit-touch-callout
-webkit-touch-callout
This might be helpful: http://css-infos.net/properties/webkit
This question already has answers here:
How can I edit javascript in my browser like I can use Firebug to edit CSS/HTML?
(6 answers)
Closed 6 months ago.
I want to use some IDE which allows me to change the javaScript code on the fly and run it in browser.
I don't think I can do this in Firebug.
Which IDE/software should I use for JavaScript development?
Yes you can do this in firebug console. Click on console and you can start typing. You can click on the bottom right red icon to expand the typing area.
The Sublime Web Inspector looks like it could do what your after.
It supports:
Breakpoints
Console
Interactivity
Debugger
Evaluating on call frame
Live Reload