JW Player 6 plugin not working in Firefox - Drupal - javascript

I have installed JW Player 6 plugin in drupal 7. It works fine in IE 8, Safari and Chrome. But it is not working in IE 9,10 and Firefox. I have used it with the following code:
<script type="text/javascript" src="/jwplayer/jwplayer.js"></script>
<script type="text/javascript">jwplayer.key="ABCDEFGHIJKLMOPQ";</script>
<div id="myElement">Loading the player...</div>
<script type="text/javascript">
jwplayer("myElement").setup({
file: "/uploads/myVideo.mp4",
image: "/uploads/myPoster.jpg"
});
</script>
What can be changed in code to make it work for firefox and IE 9,10 ? Is there any other plugin that works fine for this JW player?

Check out this on playing video: W3 HTML5 Video
Here is the browser file type specs:
From w3schools.com
Other information I was able to obtain showed that Firefox on Windows XP will unfortunately never be able to play .mp4 video, but Windows Vista and Windows 7 will, as far as Mac OS, people claim it is a patient issue.
I would recommend converting this video to a .ogg format, which will play in Firefox on all systems, then putting logic in the code for Firefox and Opera vs. IE, Chrome, and Safari.

Firefox doesn't accept codec H264 which many mp4 videos are encoded. Try with an .ogv or .webm to test, or provide a fallback.

Related

JW Player not playing in some browsers

I'm experiencing a very strange behavior of the embedded JW Player. Generally, it plays videos fine in
Safari 10.0.2 (Mac)
Internet Explorer 11 (Windows)
Edge 25.1 (Windows)
Mobile Safari (iOS 10.2)
It also plays fine in all other browsers, but only when I open the video on the preview page in the JW Player Backend (see screenshot, tested in Chrome 55 for Mac).
However, it doesn't play when I embed the player in my Project (locally or in productivity, even if I use the same markup used in the preview page), but only in some browsers, including
Chrome 55.0 (Mac)
Opera 42.0 (Mac)
Firefox 50.1 (Mac)
Chrome 55.0 (Windows)
Firefox 50.0 (Windows)
In these Browsers, the player shows the loading icon for about 1 minute, then it says "Error loading media: File could not be played" (see screenshot, tested in Chrome 55 for Mac).
However, the browsers listed at the beginning can still play the video...
And it doesn't seem to be only me, since my colleagues are experiencing the exact same problem. Can anybody help?
Here's an example embed (expires in 1 day):
<script type='text/javascript' src='http://content.jwplatform.com/players/rUqzk7Ff-JGyYovz4.js?exp=1484212670&sig=e492a1f9aab8910829dabae0e97a1d5a'></script>

getUserMedia stopped working on Safari 10, no support

Since the release of Safari 10 the method getUserMedia() has stopped working in order to access the video camera from the browser. I haven't found any alternative apart from Flash, but also Flash is deactivated by default in Safari 10 which makes it a bad solution.
Have you found a fix for this issue?
You can try the standard html getUserMedia from the demos section of this website and test how in Safari stops working https://webrtc.github.io/samples/
Thanks.

Video.js Vimeo direct MP4 link

I've been using the video.js plugin and Vimeo for over a year now, its all worked perfectly by using the direct MP4 link provided from Vimeo Pro account. It's now stopped working in chrome, it looks to be the player isn't working with HTML5. The player still works in firefox, IE and safari as it defaults to the flash player.
Developer tools isn't throwing any errors.
How do I get it to work again in chrome?
You can user latest version of videojs and css file also add data-setup attribute in video tag

Weird issue about audio tag in firefox.

I have an audio tag in my html and it works in chrome. However, I have trouble in FF ver.25.
The source is mp3 but I know FF is now supporting mp3 file. I also copy and paste the mp3 file path on FF address bar and it plays. It just doesn't work in my audio tag.
Symptom:
Audio control bar will appear 1 sec when page first loads but disappear right away. It works in Chrome.
codes:
this.audioElement = createElement('audio', {className:'audio',type:'audio/mpeg',
src:'test.mp3'});
this.audioElement.setAttribute('controls',true);
I can see the audio tag appear in developer's tool but for some reason it is hiding from the page and I am sure there is no dispay:none for the tag.
Can anyone help me about it? Thanks!
Mozilla's documentation on MDN indicates that this is probably an OS-specific problem. Specifically,
To avoid patent issues, support for MPEG 4, H.264, MP3 and AAC is not built directly into Firefox on desktop and mobile (Android and Firefox OS). Instead it relies on support from the OS or hardware.
The documentation then goes on to list Windows 7+, Windows Vista, Android, and Firefox OS as those OSes which support the audio tag. Do you happen to be using OS X or some other *nix flavor? I know at least on Linux, although Firefox is able to play MP3 files directly via Totem, the audio tag with just an MP3 source has the behavior you describe.

video on Safari 6 slows down whole page when my javascript form is inserted into the DOM

I'm actually developing a simple web site for the company I'm working in.
Every page has a central video, and every thing's fine on FireFox Opera Chrome and IE 9 BUT NOT with Safari 6.0.1 (Mac) neither with Safari 5.1.7 (PC) (it's OK with Mac Safari 5.1.2).
I've already tried to deactivate any other scripts, removed every video attributes, i even rewrote my scripts in a OOP way but ain't got any result at this point.
The fact is, as soon as i try to remove the mp4 source, the whole page runs perfectly.
Test site is visible here : http://www.jsteitgen.com/tests/
I've read a few posts in forums, about a Safari bug when accessing YouTube player. That might be the same problem but couldn't find any confirmation yet.
I wonder if anyone has experienced the same thing / would know something i don't about Safari 6 specifications / or even better : would have a solution !
Hope my English will be clear enough to get answers.
Taking a look on the code on the site which looks similar to the one on "http://drupal.org/node/1536226":
<source src='vids/animLogo.mp4' type='video/mp4' /><!-- Safari /iOs Video -->
<source src='vids/animLogo.ogv' type='video/ogg' /><!-- FireFox / Opera / Chrome -->
<source src='vids/animLogo.wmv' type='video/x-ms-wmv' /><!-- WIndows Media Viedo -->
There are 3 different video files being served. Of course, webm and theora are not supported on the versions of safari that are mentioned in the question, (SOURCE: http://weblogs.mozillazine.org/asa/archives/2009/03/open_video_in_s.html, http://farukat.es/journal/2011/01/488-google-h264-and-video-web, http://farm6.static.flickr.com/5285/5349294818_e6e32d42db_o.png) which prevents the ogv file from being played in safari, without additional plugins from the user (SOURCE: http://www.broken-links.com/2010/09/01/playing-webm-in-safari-with-plugins/, http://blog.andikurnia.com/2010/11/29/playing-ogg-files-directly-from-safari/). With further inspection, the .mp4 file is 3 times larger then the video formats being delivered to firefox, opera and chrome.
My suggestion is to optimize the .mp4 file to make the data being streamed alot less, since the embedded size (720x423) is smaller then the video's dimensions (1280x720), but that a matter of quality vs preformance of site.
Also, to answer your question, there is no youtube player, it mostly has something to do with video codecs and apple's implementation of it, safari does not have native support of Theora and thus, it resorts to the .mp4 verson unless codecs or plugins are avaliable to "decode" the file.
In short, the higher quality and slow video is being played. which needs to be compressed and optimized in order for the website to run a little more smoothly.

Categories