i want to create a video learning site.
I want people can't get to download my videos.
how to hide element attribute in inspection browsers because people can't get the video URL in inspection browsers
how to disable download button in video element
You can't hide a HTML element from the browser. You could create a seperate website which host the video's but doesn't show the real link to the video (proxy website) and only allow the ip-address of the "front-end" website to access those videos.
It's simply not possible. It will be visible in the HTML source code anyways. Only server-side code won't appear in the page's source on client-side.
Sidenote: Even if you could hide the video tag or the video's URL in the source, the browser should download the video itself which can be found in Chrome (or other browser's) Developer Console.
Related
On a website I have an iframe that loads my game (from another domain), I would like to capture and stream it. How can I achieve this? just the contents of this iframe as the user interact with it, not the entire screen or page.
Here's what I tried:
using getDisplayMedia() from Chromium/Mozilla browser api,
adding feature-policy: to the HTTP header and allow attribute is what I thought would do the trick but what happened is that it just allows you to use the Screen Capture API which does not seem to support capturing the iframe contents as video.
second, I tried using iframe has allow='displaycapture' but when I call getDisplayUserMedia() the iframe does not show up.
My last ditched desperate attempt is a browser extension that can capture the iframe contents somehow as video stream but that seems tough since its not like the iframe screen output is being streamed as a binary somewhere deep inside the chromium engine.
How can I show the same HTML5 YOUTUBE Video twice on a website without loading it twice?
Here you are taught to display a same html 5 video twice without having to load twice. But I want to know how to do it with a youtube video, using the IFRAME tag. The link is taught using the canvas, but I can not do the same with the iframe. Can you duplicate the video even with the iframe? Or is there a way to "catch" the iframe video tag? (I've tried, but it has an "access denied" error). This might help, too.
This is just an example, but I wanted to do something like this:
Original youtube video.png
My "site" with 1 youtube video and several canvas.png
I wanted to take this video is to post several in my site, enabling multiple simultaneous playbacks. As this would take a lot of the internet, I wanted to get the current frame of the original video simultaneously and place them on several canvases, this link teaches you to do just that, but using videos (< video> tag). I want to do this using youtube videos.
I want all players to play / pause at the same time, as if they were copying each other
You can't.
At least, not legitimately. There is no provision in the YouTube Iframe API for granting you access to the underlying video element.
I noticed that when you embed sites like Youtube.com and Streamble.com, only the video appears in the iframe. How do they do that? Shouldn't an iframe load the whole webpage?
What I've tried:
Initially I thought you're supposed to wrap the mp4 file in og:video tags, but that didn't work.
How do they do that? By only serving up the video. Look at the url in the src attribute on the iframe. Load it up on a browser (you'll need to add http to the front of it) and you'll get only the video content.
I have several YouTube videos embedded on a webpage. To be more specific, the page has one single iframe and links to several youtube videos - I use the target attribute to force these links to open within the iframe.
For users on mobile, I'd like the videos to open within the YouTube app (if they have it installed). This is the default behavior for YouTube links, however, it doesn't happen in my case because the links target the iframe so it just causes the video to embed on the page and then play within the browser.
My guess is the easiest way to do what I'm looking to do would be to use javascript to change the target attribute(s) just on mobile. However, I'm open to other ideas to achieve this as well.
I built a WPF application that attempts to navigate to a URL in Youtube that contains a video. I want the video to be played in full screen mode when opened as if the user manually clicked the full screen mode button. I know that such things can be done using Javascript. Can someone show me the way how to do it in a WPF application using Visual Studio? Or is there another way to do this?
Appreciate it.
You can change the URL to an embedded one, just parse the video id from URL and
use the following format, still not full screen though.
"https://www.youtube.com/embed/{0}?autoplay=1"
Ex:
https://www.youtube.com/embed/UkWd0azv3fQ?autoplay=1