Я недавно написал небольшую jquery для этого, из API YouTube
Я хотел, чтобы все видео не воспроизводились одним действием
<html>
<head>
<!-- jquery -->
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
</head>
<body>
<!-- player divs -->
<div id="player1"></div>
<div id="player2"></div>
<div id="player3"></div>
<a class="stop">Stop</a>
<script>
// load api
var tag = document.createElement('script');
tag.src = "//www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// make player array
var players = new Array();
function onYouTubeIframeAPIReady() {
players[0] = new YT.Player('player1', {
height: '390',
width: '640',
videoId: 'u1zgFlCw8Aw'
});
players[1] = new YT.Player('player2', {
height: '390',
width: '640',
videoId: 'u1zgFlCw8Aw'
});
players[2] = new YT.Player('player3', {
height: '390',
width: '640',
videoId: 'u1zgFlCw8Aw'
});
}
$('.stop').click( function() {
//loop players array to stop them all
$(players).each(function(i){
this.stopVideo();
});
});
</script>
</body>
</html>
или для остановки одного видео:
$('.stop').click( function() {
playerVariableName.stopVideo();
});