cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
batata
Strollin' around
Status: New idea

I sometimes use local html files, like this one for example :

 

<!doctype html>
<html>
	<head>
		<title>TV</title>
		<link rel="icon" type="image/png" href="https://i.imgur.com/Dv9rcKq.png">
		<style>
			html, body { height:100%; margin:0; }
			iframe { display:block; width:calc(100% - 220px); height:100%; border:none; background-color:black; }
			div { position:fixed; top:0px; right:0px; width:220px; height:100%; box-sizing:border-box;
			      padding:5px; overflow:auto; background-color:dimgray; }
			a { display:block; float:left; width:60px; aspect-ratio:1/1; margin:5px; border-radius:100%;
			    background-image:url(https://i.imgur.com/Xf0egqx.png); }
			a:hover, a.active { outline:4px solid darkturquoise;}
		</style>
	</head>
	<body>
		<iframe name="tv" allowfullscreen></iframe>
		<div>
			<a target="tv" href="https://www.programme-tv.net/"
			   style="margin:20px 75px;"              onclick="activate(this);"></a>
			<a target="tv" href="https://www.tf1.fr/tf1/direct"
			   style="background-position-y:  -60px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.france.tv/france-2/direct.html"
			   style="background-position-y: -120px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.france.tv/france-3/direct.html"
			   style="background-position-y: -180px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.dailymotion.com/embed/video/x5gv6be?autoplay=1"
			   style="background-position-y: -240px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.france.tv/france-5/direct.html"
			   style="background-position-y: -300px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.6play.fr/m6/direct"
			   style="background-position-y: -360px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.arte.tv/player/v6/index.php?autoplay=true"
			   style="background-position-y: -420px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.dailymotion.com/embed/video/x5gv5rr?autoplay=1"
			   style="background-position-y: -480px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.6play.fr/w9/direct"
			   style="background-position-y: -540px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.tf1.fr/tmc/direct"
			   style="background-position-y: -600px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.tf1.fr/tfx/direct"
			   style="background-position-y: -660px;" onclick="activate(this);"></a>
			<a target="tv" href="http://www.nrj-play.fr/nrj12/direct"
			   style="background-position-y: -720px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.dailymotion.com/embed/video/xji3qy?autoplay=1"
			   style="background-position-y: -780px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.france.tv/france-4/direct.html"
			   style="background-position-y: -840px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.dailymotion.com/embed/video/xgz4t1?autoplay=1"
			   style="background-position-y: -900px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.dailymotion.com/embed/video/x3b68jn?autoplay=1"
			   style="background-position-y: -960px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.dailymotion.com/embed/video/x5gv5v0?autoplay=1"
			   style="background-position-y:-1020px;" onclick="activate(this);"></a>
			<a target="tv" href="http://replay.gulli.fr/jwplayer/embedstreamtv"
			   style="background-position-y:-1080px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.france.tv/france-o/direct.html"
			   style="background-position-y:-1140px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.tf1.fr/tf1-series-films/direct"
			   style="background-position-y:-1200px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.dailymotion.com/embed/video/x2lefik?autoplay=1"
			   style="background-position-y:-1260px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.6play.fr/6ter/direct"
			   style="background-position-y:-1320px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.rmcbfmplay.com/direct-tv/rmc-story"
			   style="background-position-y:-1380px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.rmcbfmplay.com/direct-tv/rmc-decouverte"
			   style="background-position-y:-1440px;" onclick="activate(this);"></a>
			<a target="tv" href="http://www.nrj-play.fr/cherie25/direct"
			   style="background-position-y:-1500px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.tf1.fr/lci/direct"
			   style="background-position-y:-1560px;" onclick="activate(this);"></a>
			<a target="tv" href="https://www.dailymotion.com/embed/video/x4rdeu6?autoplay=1"
			   style="background-position-y:-1620px;" onclick="activate(this);"></a>
		</div>
		<script>
			var active = null;
			function activate(link) {
				if(active) active.classList.remove("active");
				active = link;
				active.classList.add("active");
			}
			document.querySelector("a").click();
		</script>
	</body>
</html>

 

It's a simple page with shortcuts to watch TV on my PC.

I click on the channel and it opens inside an iframe.

Unfortunately some websites do not allow to be embedded inside an iframe.

0.png

I understand that for security etc it's good but in that particular use case who cares ?

Thus I think Firefox could just ignore X-Frame-Options when used on local files so I can do whatever I want with my browser. : (

1 Comment
Status changed to: New idea
Jon
Community Manager
Community Manager

Thanks for submitting an idea to the Mozilla Connect community! Your idea is now open to votes (aka kudos) and comments.