Egyszerre csak egy YouTube videó szóljon, megoldható?
Jó napot kívánok!
Azt szeretném, ha elindítok egy YouTube videót, akkor ha előtte szólt egy másik, akkor az álljon le, egyszerre több ne mehessen, csak mindig az utolsó.
Van esetleg erre valamilyen megoldás?
<div class="embed-responsive embed-responsive-16by9">
<iframe id="player1" class="embed-responsive-item" src="" allowfullscreen="allowfullscreen"></iframe>
</div>
Köszi előre is!!
Szia!
Értem, hogy JS, de sajnos a szerveren nem működik amiket találtam, esetleg ebben kérhetném a segítséged?
Ha elindítok egy videót, akkor az előző szeretném ha leállna vagy szünetet tartana... Bármelyik megoldás érdekel, de egyszerre több ne szóljon... :-)
Előre is nagyon köszönöm!!!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://www.youtube.com/player_api"></script>
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
</head>
<body>
<ul id="list">
<li>
<iframe class="yt_players" id="player0" width="385" height="230" src="http://www.youtube.com/embed/erDxb4IkgjM?rel=0&wmode=Opaque&enablejsapi=1;showinfo=0;controls=0"
frameborder="0" allowfullscreen></iframe>
</li>
<li>
<iframe class="yt_players" id="player1" width="385" height="230" src="http://www.youtube.com/embed/wSrA5iQGlDc?rel=0&wmode=Opaque&enablejsapi=1;showinfo=0;controls=0"
frameborder="0" allowfullscreen></iframe>
</li>
<li>
<iframe class="yt_players" id="player2" width="385" height="230" src="http://www.youtube.com/embed/c7b_WLkztXc?rel=0&wmode=Opaque&enablejsapi=1;showinfo=0;controls=0"
frameborder="0" allowfullscreen></iframe>
</li>
</ul>
<script>
players = new Array();
function onYouTubeIframeAPIReady() {
var temp = $("iframe.yt_players");
for (var i = 0; i < temp.length; i++) {
var t = new YT.Player($(temp[i]).attr('id'), {
events: {
'onStateChange': onPlayerStateChange
}
});
players.push(t);
}
}
onYouTubeIframeAPIReady();
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING) {
//alert(event.target.getVideoUrl());
// alert(players[0].getVideoUrl());
var temp = event.target.getVideoUrl();
var tempPlayers = $("iframe.yt_players");
for (var i = 0; i < players.length; i++) {
if (players[i].getVideoUrl() != temp) players[i].stopVideo();
}
}
}
</script>
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!