Ask questions and get good answers on mb.jQuery.components

trigger mb.YTPlayer with jQuery Button

0

Hi Matteo,

I wrote you a week or so ago about using a button to start an mb.YTPlayer movie. You gave me an inline solution which worked. However, I'm wondering if you could help by showing me how to use a jQuery button to both start and stop the movie by putting it in a <script>. Here is a link showing the jQuery themed button (as well as your inline solution above it): http://www.dannylektra.com/mbYTPlayer/mbYTPlayer.html

Here is another link showing how I would implement it on a production music library site I am developing. Go to the very last slide: http://www.dannylektra.com/slider_mbYTPlayer/index.html

Thanks,

Dan/deepseamusic.com

asked Jun 10 '11 at 16:20

danwpc's gravatar image

danwpc
3●1●1
5 Answers:
oldestnewestmost voted
0

Hi Dan, As your button should at first initialize the movie, than play or pause it, you need to make a little function to do that:

 <script>
     $.fn.toggleVideoState=function(){
        var player=this.get(0);
        if (player.isInit=="undefined")
          this.mb_YTPlayer();
        else if (player.getPlayerState()== 1)
          player.pauseVideo();
        else
          player.playVideo();
     };
</script>

than on your button:

<button onclick="$('.movie').toggleVideoState()">play/pause</button>

Bye, Matteo

answered Jun 10 '11 at 18:21

Matteo%20Bicocchi's gravatar image

Matteo Bicocchi ♦♦
1776●1●2●9

edited Jun 10 '11 at 18:23

Hi Matteo,

Any chance of troubleshooting why the above script isn't working...or just giving me another inline solution to STOP and/or PAUSE the video...like this:(<button onclick="$('.movie').mb_YTPlayer()">pause movie</button>)?

Thank you

(Jun 20 '11 at 16:32) danwpc
0

Matteo, thank you! I was unsuccessful at getting the movie to launch, however. (I made sure it launched the original way). When you get a chance, would you be willing to look at my test page? Grazie mille.

http://www.dannylektra.com/mbYTPlayer/mbYTPlayer.html

Dan

answered Jun 11 '11 at 00:26

danwpc's gravatar image

danwpc
3●1●1

Hi Matteo, did you ever get a chance to review why the code isn't working (see page above)? Let me know if there's an easier way to help you troubleshoot. Thx again.

Dan

(Jun 16 '11 at 12:41) danwpc

In the meantime, what is an additional button inline command that would turn the movie off - if this starts it:

<button onclick="$('.movie').mb_YTPlayer()">play movie</button>

also...what would be a good strategy for having more than one movie per page? I would like for the user to be able to trigger a movie on one of several frames in a slider. Thx again.

(Jun 16 '11 at 15:32) danwpc

I solved the multiple-movies-per-page issue by creating a new movie class and bgndEl for each movie - like this:

<button onclick="$('.movie-DS').mb_YTPlayer()">play movie</button>

<div id="bgndEl-DS">
  <a href="http://www.youtube.com/watch?v=EdYIkPlYjhY" class="movie-DS {opacity:1, isBgndMovie:{width:518,mute:false}, ID:'bgndEl-DS', ratio:'16/9',quality:'small'}"></a>

Now, I just need to be able to turn each one off - preferably using the function you created for me earlier...

(Jun 16 '11 at 16:21) danwpc
0

I'm trying to use this script, too, but I'm getting the error:

isInit is null or not an object

answered Jun 12 '11 at 16:10

GoNC%20Network's gravatar image

GoNC Network
1
0

COULD YOU TELL ME WHERE CAN I FIND A INSTRUCTION HOW TO INSTALL THIS SCRIPT AS A BACKGROUND TO MY WEB SITE ??? I HAVE PROBLEM BECAUSE WHEN I USE FIREFOX THERE POP UP A ERROR

answered Jul 25 '11 at 17:52

ALEXANDERRRRR's gravatar image

ALEXANDERRRRR
1
0

Sure. Here is the link on Matteo's site: http://pupunzi.open-lab.com/2010/03/22/youtube-movie-as-background/.

It does work for me in Firefox. Here's a link to how I am wanting to use it. Use the play button to start the movie on any of the slider panes for: Doug Smith, John Doan or Eric Skye. Unfortunately, I haven't figured out how to implement pause or stop - so you need to refresh to stop the movie. I'm a beginner with js and have not had time to figure this out. I've asked on this forum a couple of times but did not hear back after 2 early posts. Good luck. I think you're on your own...

Please note that some of the js is commented out because I was trying stuff. Obviously, it works with the script that is NOT commented out.

Dan

answered Jul 25 '11 at 18:47

danwpc's gravatar image

danwpc
3●1●1
Your answer
toggle preview

jQuery main site - Matteo Bicocchi