Jump to content

Archived

This topic is now archived and is closed to further replies.

seatangltd

Embedded swf object (Youtube) in MediaBox not displaying in Firefox

Recommended Posts

seatangltd    0
seatangltd

Hi

 

I have had this problem for days of my swf object not displaying in Firefox. It works in all other browsers. I am using the Youtube JavaScript API in a MediaBox. I've tried countless solutions to no avail. I'm desperate at this stage. I don't want to just use an IFrame embed code because I want the video to be muted and I can only do that using the JS API. Maybe it's got something to do with the MediaBox CSS and the way FF loads pages? That's the hint I'm getting from looking at others with a similar problem.

 

Any help would be much appreciated. I'll post the JS code here if you want but here's a link to the page : http://cavistons.com/home-desktop-switch/?w3tc_note=pgcache_purge_post

 

Thanks

 

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Have you tried the PL next box section rather than the media box? 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
seatangltd    0
seatangltd

I assume you mean text box. I tried it and that fixed the display issue. The video shows up in all browsers, but does not autoplay in any browser (with the exact same code). Why does it autoplay in the mediabox and not in the text box? And why does it not show up in the mediabox in FF?

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

seatangltd No - Martin means PL NextBox. Go to your pagelines account and you will see it was last months developer only plugin. Download and upload to your WP plugins and then the new PLNextBox section will appear in your 'Add to Page'


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
seatangltd    0
seatangltd

GetMeWebDesign I can't see the PL NextBox  anywhere in my account.

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

seatangltd. You had better email hello @ pagelines dot com with you account details and they will have a look at that for you


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
seatangltd    0
seatangltd

@GetMeWebDesign I assume it's because I don't have the developer-only subscription... is there any other solution to my problem you can offer?

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

Ahhhhh. Then, I am afraid I am not familiar with what you do and dont get without that, but I am also not really familiar with do what you ask. My guess would be to use Browser specific CSS and put up with it being different on FF until someone who knows more about this comes along to help... Nice site, by the way :)


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

How are you adding the video to the media file, can you provide a screenshot of your MediaBox settings please. Also, can you provide the code you're using or where you got the code from please.

 

Also if I use the old embed code in a MediaBox, then the video displays just fine in both Chrome and FireFox.

 

https://cloudup.com/cDoP_vgWZIc


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
seatangltd    0
seatangltd

GetMeWebDesign Thank you.

 

Danny Here's my mediabox settings: http://grab.by/wtEk

 

Here's my 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("ytplayer");
ytplayer.playVideo();
ytplayer.mute();
}
var params = { allowScriptAccess: "always" };
var atts = { id: "ytplayer" };
swfobject.embedSWF("http://www.youtube.com/v/wf7AQHq0bpM?rel=0&enablejsapi=1&playerapiid=ytplayer&allowFullScreen=true&version=3&showinfo=0&modestbranding=1", "ytapiplayer", "650", "400", "8", null, null, params, atts);
</script>

I'm not using the old embed code because I want the video to autoplay on mute, and I can only do that using the JavaScript API.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Working for me in FireFox without any issue. https://cloudup.com/cjZ9BHxMEiC

 

However, I have not added all that code to the MediaBox. Here is what I did:

 

Add the following scripts:

 

<script src="http://www.google.com/jsapi"></script>
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>

 

To the DMS Toolbar > Custom > Scripts editor

 

Then add the remaining code to your MediaBox.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
seatangltd    0
seatangltd

Danny Hmmm... I did what you said and after a refresh I got this http://grab.by/wtUA , which is very odd because the layout is stretched, some custom CSS hasn't been applied and there is no header menu, but the video works. Then I refreshed again and I'm back to where I was before (correct layout), with no video.  It seems like FF hasn't loaded the page fully the first time, and the fact that it displays the video in that case is intriguing. Any thoughts on that?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

I am not seeing your issue on my FireFox - https://cloudup.com/cvOakSeTxXb

 

However, I am not sure as to why you have a cache plugin installed and activated already, when the site hasn't been completed ?

Cache plugins should only be enabled when the site design has been finalised. We do not actually provide support to users who have cache plugins active, as they cause so many problems. Therefore, I recommend you disable the cache plugins, complete your sites design and then activate it again.

Also, cache plugins do not simply work out of the box, they need to be configured correctly and to how your server is configured. By configuring them incorrectly, you can actually cause all kinds of issues on your site.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
seatangltd    0
seatangltd

Danny Well it's good to see that it's working for an external user; I'm not sure what exactly is the problem on my end... we're using the cache plugin because we're having some real speed issues with the site (we're on a shared server that doesn't support GZip), but I can understand why it might be just that that is causing the problem here, so I take your point on that.

I purged the page in question from the cache as that's what it said to do in the post guidelines. 

 

I've disabled the cache plugin for now. I'm still getting the issue on FF 29 for windows, I don't know what version you're using but I see you're on Mac... not sure if FF version is the issue.

 

Anyway, I understand if you can't help me further because you can't see the problem from where you are.

 

Regardless, I appreciate your help and advice Danny. Thanks. 

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, i'm on a mac too, just checked in version 28.0 and its looking fine - http://screencast.com/t/T0dc8plq7e

Do you have any browser extensions installed in firefox? If so try disabling these to see if they're conflicting.

 

Edit: Just updated to FF 29 on mac and can confirm also displays correctly in there.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
seatangltd    0
seatangltd

I've no extensions. My colleague, who is also running FF 29 on Windows, has the problem too.

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

seatangltd Here is the curious thing. I only once, briefly saw you problem, but dont now. Firefox extensions and plugins can have an effect though. In my FF browser, I do not get that wonderful clip, but I do in a private window (where my extensions/plugins are disabled) 

 

It is a beautifully crafted site, but something is going wrong re Firefox somewhere. Another member pm'ed me today with a windows phone 8 bug, so even when things are right, then can go wrong.... grrrrr


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
seatangltd    0
seatangltd

GetMeWebDesign Thanks for the nice comments on the site. DMS2 is a very good tool. I tried disabling everything in FF but no luck. Are you on a Mac as well? It appears to be the only difference.

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

seatangltd I need to read more carefully... PC not mac. I think macs are great and defo best for development/design, Just a bit old fashioned in that I like to muck about with code and find that pc offers me most of what I want


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
seatangltd    0
seatangltd

Just thought I'd let you guys know that I found a solution to this problem.

 

I used the masthead section to add the video, and used a bit of custom CSS (negative margins) to get rid of the extra space for text and buttons cos I just wanted the video.

 

Before, with the mediabox, the video was displaying in FF on Mac, but not Windows. Now it displays (and autoplays on mute) in all browsers I've tried :)

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Thanks for informing us you have resolved your issue, but that is really just masking the problem. Can you try adding a new MediaBox and then add your video embed code and see if the issue still persists.

As I am not having this issue whatsoever, on a Mac.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • bnapoli
      By bnapoli+
      On my site www.modishmel.com I'm seeing the "blog post title" within the "pins" plugin section breaking words into multiple lines. See screenshot attached.
      Only seeing it in Firefox. Can you help?

    • pehja
      By pehja+
      https://pehjaproduction.se/webbdesign/  Video is not showing up in Journey section. Why? I have entered this in the settings 
       
    • chamois_blanc
      By chamois_blanc+
      I am trying to clone a container on a page. It throws the following javascript error:
      function l(b, c, e, f) { var g = m.a.f.get(b, p); if (!c) { if (g) throw Error("You cannot apply bindings multiple times to the same element."); m.a.f.set(b, p, !0) } I would appreciate guidance and a fix. Thank you
    • Jeremiah
      By Jeremiah+
      Error: editing.js?ver=930684:5 Uncaught TypeError: Cannot read property 'getData' of undefined
      I have all of the plugins disabled and I still receive the error.
      Page Editor will not load on page.
       
    • triggerfish
      By triggerfish+
      Media Box not taking Google Maps input
      I have the EMBED MAP code from Google (which I have done 100''s of times before),
      I input it into the TEXTBOX or MEDIABOX SAVE it, and as soon as I refresh the page the text is gone (and of course there is no map).
      I have rebooted, refresh cache, everything with no luck..it just will not take the google maps input...it will however take and save a simple text input.
      I am using WordPress 4.5.1
      DMSVersion: 2.2.1.1
      The google code is:
      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2602.466376170749!2d-123.11645494869879!3d49.286507879230314!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x548671828dbf1c61%3A0x489cbb919c49d6e!2s325+Howe+St%2C+Vancouver%2C+BC+V6C+3N2!5e0!3m2!1sen!2sca!4v1461869255884" width="800" height="600" frameborder="0" style="border:0" allowfullscreen></iframe>
      The website and CONTACT PAGE ( the map is next to the CONTACT VALRI text, there is a textbox and media box there) are here:
      http://valufitness.com/contact-us/
      Your login is:
      http://valufitness.com/val-login/
      USer= ***
      pass= ****
       
×