Advertisement
Guest User

Untitled

a guest
Feb 28th, 2017
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.22 KB | None | 0 0
  1. <iframe class="video_groups" width="100%" height="100%" src="<?php echo get_post_meta($post->ID, 'mytextarea', true); ?>" frameborder="0" allowfullscreen></iframe>
  2.  
  3. <iframe id="player0" class="video_groups" src="https://www.youtube.com/embed/jebJ9itYTJE?enablejsapi=1&version=3&wmode=transparent" frameborder="0" allowfullscreen></iframe>
  4. <iframe id="player1" class="video_groups" src="https://www.youtube.com/embed/HjxYvcdpVnU?enablejsapi=1&version=3&wmode=transparent" frameborder="0" allowfullscreen></iframe>
  5. <iframe id="player2" class="video_groups" src="https://www.youtube.com/embed/6v2L2UGZJAM?enablejsapi=1&version=3&wmode=transparent" frameborder="0" allowfullscreen></iframe>
  6.  
  7. <script type='text/javascript' src='https://www.youtube.com/iframe_api'></script>
  8. <script>
  9. var players = new Array(3);
  10.  
  11. function onYouTubeIframeAPIReady() {
  12. players[0] = new YT.Player('player0', {
  13. events: {
  14. 'onReady': onPlayerReady,
  15. 'onStateChange': onPlayerStateChange
  16. }
  17. });
  18. players[1] = new YT.Player('player1', {
  19. events: {
  20. 'onReady': onPlayerReady,
  21. 'onStateChange': onPlayerStateChange
  22. }
  23. });
  24. players[2] = new YT.Player('player2', {
  25. events: {
  26. 'onReady': onPlayerReady,
  27. 'onStateChange': onPlayerStateChange
  28. }
  29. });
  30. }
  31.  
  32. function onPlayerReady() {
  33. // console.log("hey Im ready");
  34. players[1].playVideo();
  35. }
  36.  
  37. function onPlayerStateChange(event) {
  38. var link = event.target.a.id;
  39. var newstate = event.data;
  40. // console.log("I am " + link + " My state changed to " + newstate);
  41. if (newstate == YT.PlayerState.PLAYING) {
  42. players.forEach(function(item, i) {
  43. if (item.a.id != link) item.pauseVideo();
  44. });
  45. }
  46. }
  47. </script>
  48.  
  49. function function_enqueue_scripts() {
  50. wp_enqueue_script('youtube.iframe.api', 'https://www.youtube.com/iframe_api', array('jquery'));
  51. wp_enqueue_script('youtube_switch', get_stylesheet_directory_uri() . '/youtube_switch.js', array('jquery') );
  52. }
  53. add_action( 'wp_enqueue_scripts', 'function_enqueue_scripts', 0, 10 );
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement