Not Working in Chrome after installing WordPress 3.5
-
Videos are working in Firefox but not in Chrome. The video box is just grayed out with no buttons at all.
Anyone else experiencing this?
-
Anybody?
Hello, If you are referring to the popup screen to add [hana-flv-player] shorttag, I tested myself but it worked OK with 3.5 for me.
Note that I only activated Hana Flv Player plugin when I tested. And usually any strange behavior is caused by conflict with other plugins.
I would like to inspect your page myself, but it would not be possible since it is under admin access.
For now, I suggest you to use below shorttag manually.
[hana-flv-player video=””
width=”400″
description=””
player=”5″
/]Thanks
Thanks for your response, but I am still not sure of how to address this issue.
Here is a page I am referring to: https://lenonhonor.com/premium-content-package/
It is using the shortcode you suggested. Everything was working fine until I installed WP 3.5.
The video is at the bottom of the page and is just “grayed out” when using Chrome, but is working in Firefox.
Not sure , but something is definitely not right.
flowplayer 3 javascript file should be included but your webpage does not have it. I don’t know why. I have seen some cases where security plugin removes the javascript tag added by other plugins. Not sure if this is the case.You can manually add this script tag into your theme file manually if you want to quick fix this.
<script type='text/javascript' src='https://lenonhonor.com/wp-content/plugins/hana-flv-player/flowplayer3/example/flowplayer-3.2.6.min.js'></script>
Thanks
Which theme file would be best to place the script tag? Header.php?
Thanks for your help.
Also, a friend of mine is saying WP 3.5 has a new media manager suite and is causing issues with a lot of things. Could this be a cause?
yes, header.php would be the right place.
I will check out the media manager, but I really doubt that is affecting my plugin in anyway.
I have added the script to the header.php and the videos now play in Chrome, but now am having issues with Firefox and Internet Explorer.
I see you inserted the script tag within the <body> tag. You have to insert it within the <head> ~ </head> section.
That did it, thanks HanaDaddy!
Hi
I’m having a similar problem with Chrome. I tried the quick fix above, enqueueing the flowplayer.min.js in the head without any luck.
Any other suggestions?
A quick ‘heads-up’ the insert PHP plugin stops the hana-flv-player short code from being interpreted.
You can have a look here:
peripheryuk.co.uk/membersIf you want to dive in as admin let me know and I will PM you a temporary login. It is only a test site.
Its using WP3.5 and several pluginsThanks
MikeHello
Your problem is definitely different from the previous case. All the necessary javascript and css files are loaded in the page.Now I noticed that your player 5(MediaElement.js) is not showing the controls and the video files correctly in both Chrome and IE9 that I tested. Only wating for few minutes, it suddenly worked.
Now I think this is the server’s issue. The webserver is not responding with the correct Content-Type when video file is requested. It sent back “text/plain” instead of “video/mp4”
The UI control button is also using CSS of SVG file controls.svg, but the content type was “text/xml” and the browser just didn’t know what to do with the file. That’s why the control didnot show up.
E:\programs\unixbin>wget --server-response --spider https://internet101.fireyourb oss.co/affiliateblogging/members/videos/intro.mp4 --23:35:01-- https://internet101.fireyourboss.co/affiliateblogging/members/video s/intro.mp4 intro.mp4' Resolving internet101.fireyourboss.co... done. Connecting to internet101.fireyourboss.co[87.237.63.246]:80... connected. HTTP request sent, awaiting response... 1 HTTP/1.1 200 OK 2 Date: Mon, 07 Jan 2013 04:35:02 GMT 3 Server: Apache 4 Last-Modified: Sun, 06 Jan 2013 00:24:43 GMT 5 Accept-Ranges: bytes 6 Content-Length: 14943011 7 X-Powered-By: PleskLin 8 Keep-Alive: timeout=4, max=200 9 Connection: Keep-Alive 10 Content-Type: text/plain 200 OK
I copied the same video file and uploaded into my webserver and tested and the content-type was correctly shown as video/mp4
E:\programs\unixbin>wget --server-response --spider https://wpmarketing.org/video /intro_test.mp4 --23:36:07-- https://wpmarketing.org/video/intro_test.mp4 intro_test.mp4' Resolving wpmarketing.org... done. Connecting to wpmarketing.org[173.192.107.158]:80... connected. HTTP request sent, awaiting response... 1 HTTP/1.1 200 OK 2 Date: Mon, 07 Jan 2013 04:36:09 GMT 3 Server: Apache 4 Last-Modified: Mon, 07 Jan 2013 02:58:18 GMT 5 Accept-Ranges: bytes 6 Content-Length: 14943011 7 Vary: User-Agent 8 X-Powered-By: W3 Total Cache/0.9.2.4 9 Keep-Alive: timeout=5, max=75 10 Connection: Keep-Alive 11 Content-Type: video/mp4 200 OK
So contact your webmaster to reflect the webserver to send back the correct content-type value.
Here is my test page https://wpt.aws.af.cm/?p=8
Hi
Thanks for getting back to me.
I do seem to have some issues with that server while I’m trying to sort those out I tried it on a completely separate server and a different subdomain on the original server with the video served either locally or from different server.
Here are some links if you want to have a lookserver 2 player 6
server 2 player 5
server 2 player 4
(I only have access to this server for another day)server 1 Player 4
(All the tests are on menus)Hope that makes sense.
Not sure why Player 6 does not like the encoding.As a point of interest. For me even your test page does not display properly in Chrome, I’m using version 23, but all happy in FireFox.
Let me know if I can help any more.
Thanks
Again
MikeHello they are all working fine in both Chrome and IE9.
When I tried with Firefox, I noticed that the “server 2 player 6” page’s first video showed “Video file not found” . Then when I refreshed the page, it was working OK.
At this point, I am sorry but I do not know what went wrong. Maybe it’s encoding issue. You may try to encode the video files using (Video:H.264 Baseline) explained in my blog article. Or maybe because the meta data was not moved to the first part of the video file? you need to run qt-faststart to move video metadata into the first section of the video, so the player can show them right away without full downloading the movie. (Although this problem usually occurs with HTML5 video players. Flash player seems showing fine without qt-faststart processing.)
Thanks
I think I must have some deeper issues. I can’t get any mp4 playing on Chrome using mediaelement.js or VideoJS.
I’ll get some real work done now before my head explodes ??
Mike
- The topic ‘Not Working in Chrome after installing WordPress 3.5’ is closed to new replies.