Youtube video live cod HTML fullscreen si play automat

Meniu site » Pagina de start • Login • new

Topic nou • Blog • Chat • Contact • Regulament • FAQ • RSS • Cautare

Forum » WEB DESIGN SI PROGRAMARE » Programare web & Scripting

Youtube video live cod HTML fullscreen si play automat

(3 mesaje) (2 utilizatori)

Topic creeat in urma cu 1 luna de catre anonymous
Ultimul raspuns a fost postat de Marius
Topicuri asemanatoare:

Voteaza:

Etichete:

Marius
Vizitator
Salut Dane,

Ca de obicei cand nu stiu ceva la tine apelez prima data....
Am pus un cod de incorporat youtube al unui video live (e live 24/7) intr-o pagina html si as vrea sa il urc pe un server sa ruleze continuu, insa as vrea sa ma ajuti tu (caci eu nu i-am dat de cap) cu urmatoarele 3 probleme:
1. sa ruleze automat cand deschid pagina
2. sa se deschida automat in fullscreen
3. daca este posibil sa nu se mai vada bara de jos si titlul live-ului deloc astfel incat sa nu para ca este de pe youtube

Codul ce trebuie modificat este:
```
<html>
<head>

<title> Space </title>  

</head>

<body bgproperties="fixed" bgcolor="black" alink="lime" link="lime" text="red" vlink="lime"> 

<iframe width="1400" height="735" src="http://youtube.com/embed/tNkZsRW7h2c" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

</body>
</html>
```
Postat in urma cu 1 luna • Trackback • • Raspunde
AdBot
Robotel

Postat in urma cu 1 luna

Dan
admin

Uite aici:

<html>
<head>
<style>
.video-background {background:#000;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-99;}.video-foreground,.video-background iframe {position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}#vidtop-content {	top:0;	color:#fff;}@media (min-aspect-ratio:16/9) {.video-foreground {height:300%;top:-100%;}}@media (max-aspect-ratio:16/9) {.video-foreground {width:300%;left:-100%;}}
</style>
</head>
<body>
<div class="video-background"><div class="video-foreground">
	<iframe id="ytplayer" type="text/html" width="720" height="405"
	src="http://youtube.com/embed/tNkZsRW7h2c?autoplay=1&controls=0&fs=0&loop=1"
	frameborder="0" allowfullscreen>
</div></div>
</body>
</html>

DEMO...

Problema este că o să-ți meargă în celelalte browsere (Mozilla Firefox, etc) mai puțin în Google Chrome, din cauza faptului că browserul Chrome a blocat autoplayul, acesta merge doar dacă video-ul este pus pe "mute".

Postat in urma cu 1 luna • Trackback • • Raspunde

Marius
Vizitator

Multumesc mult de tot Dane. Ma inclin!

In legatura cu rularea lui in Chrome.....zici ca daca punem video-ul pe mute functioneaza autoplay-ul? Pai in caz ca se poate te rog fa si ajustarea asta pentru mine ca doar stim ca mai toti sunt in ecosistemul Google zilele astea....

Postat in urma cu 3 saptamani • Trackback • • Raspunde

Youtube video live cod HTML fullscreen si play automat

Adauga un raspuns