html5 기능을 활용한 유투브 동영상 제어 제이쿼리 입니다. 영상 플레이어 버튼을 제공하고 있어 괜찮은듯 합니다만...!!
1. Create a container for your player
-----------------------------------------------------------------------------
<html>
<body>
<div id='youtube-player-container'> </div>
</body>
</html>
-----------------------------------------------------------------------------
2.
-----------------------------------------------------------------------------
<script type='text/javascript' src='{your_path_to}/jQuery.tubeplayer.min.js'></script>
-----------------------------------------------------------------------------
3.
-----------------------------------------------------------------------------
jQuery("#youtube-player-container").tubeplayer({
width: 600,
height: 450,
allowFullScreen: "true",
initialVideo: "DkoeNLuMbcI",
preferredQuality: "default",
onPlay: function(id){},
onPause: function(){},
onStop: function(){},
onSeek: function(time){},
onMute: function(){},
onUnMute: function(){}
});
-----------------------------------------------------------------------------
4. Hook the tubeplayer's events to any elements you want to use as triggers
-----------------------------------------------------------------------------
<a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("play")'>
Play video in player
</a>
<a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("pause")'>
Pause player
</a>
<a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("stop")'>
Stop player
</a>
<a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("mute")'>
Mute player
</a>
<a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("unmute")'>
Unmute player
</a>
-----------------------------------------------------------------------------