rollout stop video/audio

[Jason Sikes]

Hi.  I have purchased the single site licensed and will likely get/upgrade to the multi-site if I can solve one issue.  That is, if you can help me with this issue.  I need plugin to play a video on rollover and have it currently set up to do that.  It looks and works great.  The problem I have is that on rollout the video vanishes (good) but the audio from the video continues to play (bad).
The  link is generated by a another plugin and is called within the page as
<h4><strong><a id=”storeyourvobusiness” href=”#”>YOUR VOICE OVER BUSINESS
(1 hr 45min)</a></strong></h4>
And the Tooltip is coded for the words YOUR VOICE OVER BUSINESS with this code
<center><video width=”320″ height=”180″ controls=”controls” autoplay=”autoplay” onmouseout=”Sound.play(‘http://braintracksaudio.com/revamp/StoreRolloverVids/click.wav&#8217  ”;>
<source src=”http://braintracksaudio.com/revamp/StoreRolloverVids/YourVoiceOverBusinessPromo.mov&#8221; ></center>
I have tried multiple versions of “onmouseout” commands in both locations with no luck.
The site page is here
http://braintracksaudio.com/revamp/store/
I posted this in the wrong place.  Sorry-
It is currently password protected and the password is
underdog
The link is YOUR VOICE OVER BUSINESS
Can you help?

[Wordpress Tooltips]

Hi Jason,

Thanks for purchased the plugin, I understand your question, the problem is in your code,
there are optinon — ‘autoplay=”autoplay” ‘, so it means once the iframe is loaded, it will auto play the video, this can not controlled by us, but I think I find a solutin liekt this:

1: Do not use autoplay option in your code
2: In admin panel — “Tooltips Settings”, set ‘Tooltip Show When’ as mouse over, and set Tooltip Hidden When as ‘click’ or ‘double click’.
3: At the buttom of your code, add some gray & litter text like ‘please click the keyword to hide the video, if you do not hope play the video please remember stop it, thanks.’ So if users do not hope video/audio play after rollout, they can follow the notice to close it.

There are code I used on https://tooltips.org/wordpress-image-tooltips-demo/, you can check it at here

Porter Hospital
Valparaiso, IN
400,000 square foot replacement hospital
307 Melrose
Scott City, MO 63780
beds:3 Bed
baths:2 Bath
single family home
$119,900

Want to click the link on this demo? 
Change the trigger method in tooltip setting menu

Also I will try to find another solution to solve this kind of problem automatically,which means you will have an checkbox option in admin panel to control “still play audio/video when user rollout or not?”, Once find a way, will send you a upgrade message, thank you very much!

Best Regards,
Tomas

[Jason Sikes]

Thanks for the response Tomas.  I removed the “autoplay” from the YOUR VOICE OVE BUSINESS code and set Tooltip Hidden When to “click” and added text to appear under th video that says “CLOSE”.  However the video still goes away when I mouse out.

The password for the page is now

pollypurebread

More help?

[Jason Sikes]

I got some help but got it to work.  I assigned each tooltip a video id like “vc1″ and then added this to link code:

onmouseover=”$(‘#vc1’)[0].play();” onmouseout=”$(‘#vc1’)[0].pause();”

Works great but the videos aren’t playing in Firefox or IE.  Something to do with MIME type.  So I’m looking into that now.

Thanks though.  Hope this helps.

[Wordpress Tooltips]

Hi Jason,

Thanks for the reply and the help.

1:About the “click” error, it is strange,it should works well because it has been used on many sites, I will build a test site to try your code and check this error, sorry for any trouble.

2: I am still trying to find a solution of hidden autoplay videos when rollout and get some idea, once finihsed the new version will report you again, thank you very much!

Have a happy day.

Best Regards,
Tomas

[Author]

Posts