The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Persistent Music Throughout Forum

4 posters

Go down

Solved Persistent Music Throughout Forum

Post by Dr.Intern Sun 24 Nov - 8:44

Link to forum: [url=chaoticbackup.forumotion.com]chaoticbackup.forumotion.com[/url]

To get persistent music throughout the forum, I embedded it into an iframe. I want the users to have the ability to pause and play the music so I added javascript to do so.  When I tested it through w3's try it editor, it works fine, but when I implemented the code into the site I - after I press the button and the song (video) starts, I cannot press the pause button.

Here is the page's html:
Code:
<head>
<link rel="shortcut icon" type="image/x-icon" href="http://r20.imgfast.net/users/2016/18/35/72/smiles/2877754569.png">

<!-- script for music -->
<script>
function toggleVideo(state) {
    // if state == 'hide', hide. Else: show video
    var div = document.getElementById("popupVid");
    var iframe = div.getElementsByTagName("iframe")[0].contentWindow;
    div.style.display = state == 'hide' ? 'none' : '';
    func = state == 'hide' ? 'pauseVideo' : 'playVideo';
    iframe.postMessage('{"event":"command","func":"' + func + '","args":""}', '*');
}
</script>
<style type="text/css">
   html, body, div, iframe { margin:0; padding:0; }
   iframe { position:fixed; display:block; width:100%; border:none; }
</style>
</head>
<body>
<!-- Embed Forum -->
<iframe src="http://chaoticbackup.forumotion.com/forum" width="100%" height="100%">Your browser is incompatible. Please visit <a href="chaoticbackup.forumotion.com/forum">here</a> for a compatible site.<a href="http://chaoticbackup.forumotion.com/forum">a compatible version.</a></iframe>

<!-- Music Button-->
<div style="position:relative;z-index:200;float:right;padding-right: 40px;">
<a href="javascript:;" onClick="toggleVideo();">Music</a>

<!--play linked music -->
<div id="popupVid" style="position:absolute;display:none;">
   <iframe width="1" height="1" src="http://www.youtube.com/embed/9KAWo_lqpuY?enablejsapi=1&loop=1" frameborder="0" style="visibility:hidden;display:inline;"></iframe>
   <a href="javascript:;" onClick="toggleVideo('hide');">Pause</a></div>
</div>
<a href="http://www.forumotion.com" target="_blank" style="display:none">forumotion.com</a>
</body>
Additional Request:
It would be nice if pausing/playing the music button could be done with a single image (or changing between pause/play images) instead of two words.


Last edited by Dr.Intern on Mon 25 Nov - 6:26; edited 2 times in total
avatar
Dr.Intern
Forumember

Posts : 77
Reputation : 3
Language : English

Back to top Go down

Solved Re: Persistent Music Throughout Forum

Post by Festina Lente Sun 24 Nov - 9:09

Why don't you try SCM Player? Members have an option to pause/play music.

http://scmplayer.net/
Festina Lente
Festina Lente
Forumember

Male Posts : 279
Reputation : 20
Language : English

Back to top Go down

Solved Re: Persistent Music Throughout Forum

Post by Dr.Intern Mon 25 Nov - 1:43

Well I visited the site today and the code works fine. I'm wondering if it is possible to have it solely in javascript so I don't have to wrap the site in an Iframe.

Festina, thanks for the suggestion. I'll remember it for future reference. Is it also possible to get it in a javascript only format?

PS.
Still interested in the additional request.
avatar
Dr.Intern
Forumember

Posts : 77
Reputation : 3
Language : English

Back to top Go down

Solved Re: Persistent Music Throughout Forum

Post by SLGray Mon 25 Nov - 2:14



Persistent Music Throughout Forum Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Persistent Music Throughout Forum

Post by Dr.Intern Mon 25 Nov - 6:24

Thanks. I'll mark this solved.
avatar
Dr.Intern
Forumember

Posts : 77
Reputation : 3
Language : English

Back to top Go down

Solved Re: Persistent Music Throughout Forum

Post by Ange Tuteur Mon 25 Nov - 7:03

Topic Solved and Archived
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum