CODEWITHSUNDEEP
javascripthtmlangularvideo-streaminghtml5-video
Akki
Akki

Reputation: 123

Preventing user to see video URL in HTML?

I have an web page where users can view videos.

But the problem is when I inspect the page, it shows the video url.

So is there any idea how we can hide video source like youtube and other videos portal ?

Upvotes: 0

Views: 3851

Answers (1)

colde
colde

Reputation: 3322

There is no way to hide the video URL entirely without resorting to browser plugins. You can obscure it though, but in most cases they won't be worth it.

Using Media Source Extensions you can deliver segments of video data using obscured urls. And the URL won't be immediately visible in the source of the page. This is similar to what Youtube or Netflix does but requires massive engineering work on the backend. This is also the technique used to play MEPG-DASH with e.g. dash.js or shaka-player.

Set it using Javascript, so it's not viewable with view source, it won't help with inspecting though.

If your issue is people copying the stream URL and using it in their own players, then you might look at protecting it with some sort of tokens security. This is supported by almost any CDN out there, and there are plenty of open source systems to do it in most programming languages.

Lastly, if the issue is that you don't want anyone to copy the content, you can apply DRM protection. One of the easiest and straightforward ways to get started with that, might be using Azure Media Services.

Upvotes: 3

Related Questions