Hack Forums
[Joomla] Embeded youtube video mute - Printable Version

+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Webmasters (https://hackforums.net/forumdisplay.php?fid=141)
+---- Forum: Website Construction (https://hackforums.net/forumdisplay.php?fid=50)
+---- Thread: [Joomla] Embeded youtube video mute (/showthread.php?tid=4080075)



Embeded youtube video mute - OhMyQuad - Feb 24, 2014

I'm looking for a way for the embeded youtube videos to start as already muted, then if someone wishes to enable sound, any idea if this is possible?


* - Alahamora - Feb 25, 2014

I don't think it can be done. You can auto play videos with a 3rd party player but muting it not sure.


* - x0n - Feb 28, 2014

Hey!
I just tried this code and it works to 100% :)
Feel free to pm me if you have any question.

what the script does:
Autoplay = ON
Muted = ON

Code
<script src="http://www.google.com/jsapi"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
    <div id="ytapiplayer">You need Flash player 8+ and JavaScript enabled to view this video.</div>
    <script type="text/javascript">
      google.load("swfobject", "2.1");
      function onYouTubePlayerReady(playerId) {
      ytplayer = document.getElementById("myytplayer");
      ytplayer.playVideo();
      ytplayer.mute();
      }
      var params = { allowScriptAccess: "always" };
      var atts = { id: "myytplayer" };
      swfobject.embedSWF("http://www.youtube.com/v/YOUR-CODE-HERE?enablejsapi=1&playerapiid=ytplayer&allowFullScreen=true&version=3",
      "ytapiplayer", "290", "160", "8", null, null, params, atts)
    </script>

Replace YOUR-CODE-HERE
with

http://www.youtube.com/watch?v=0a5WyAjL1MM

good luck!

0ne_Freed0m 🤝


* - OhMyQuad - Mar 1, 2014

(Feb 28, 2014 03:47 PM)0ne_FreeD0m Wrote:  Hey!
I just tried this code and it works to 100% :)
Feel free to pm me if you have any question.

what the script does:
Autoplay = ON
Muted = ON

Code
<script src="http://www.google.com/jsapi"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
    <div id="ytapiplayer">You need Flash player 8+ and JavaScript enabled to view this video.</div>
    <script type="text/javascript">
      google.load("swfobject", "2.1");
      function onYouTubePlayerReady(playerId) {
      ytplayer = document.getElementById("myytplayer");
      ytplayer.playVideo();
      ytplayer.mute();
      }
      var params = { allowScriptAccess: "always" };
      var atts = { id: "myytplayer" };
      swfobject.embedSWF("http://www.youtube.com/v/YOUR-CODE-HERE?enablejsapi=1&playerapiid=ytplayer&allowFullScreen=true&version=3",
      "ytapiplayer", "290", "160", "8", null, null, params, atts)
    </script>

Replace YOUR-CODE-HERE
with

http://www.youtube.com/watch?v=0a5WyAjL1MM

good luck!

0ne_Freed0m 🤝

That's amazing, thank you.

How about having autoplay off?


* - x0n - Mar 1, 2014

If you want autoplay off, Simply Delete

ytplayer.playVideo();

From the code :)

Enjoy

Your friend 0ne_Freed0m 🤝