Video.js Vimeo direct MP4 link - javascript

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

Related

Video from RecordRTC not working in Safari

I have created a WordPress plugin that records reviews in video format with VideoJS (JS library). I am using Video.JS 7.14.3 with Video.JS-Record 4.5.0 and RecordRTC 5.6.2.
I am facing an error on the Safari browser, as seen in the image below:
When I click on the video to record it throws an error.
The videos that I previously recorded in a different browser do not play on Safari. The same issue happens anytime I try to play the recorded video.

Audio player not working in firefox

The site I am working on is using some code from its previous website from a few years ago. The audio player doesn't load in firefox (click the listen button, audio player will open in popup). I think it's using jw player.
It's fine in Chrome but in Firefox it just doesn't appear. Any idea why?
That site use jwplayer 5 (very old), so the player needs Flash player correctly activated on Firefox (https://helpx.adobe.com/it/flash-player/kb/enabling-flash-player-firefox.html)
On Chrome, maybe you have the flash player blocked (by default with new Chrome versions) and the player fallback to mp3 file, or the flash plugin is correctly activated on Firefox

embed youtube video doesn't play automatically on device mode of google chrome

I'm trying to add embed youtube video in my Ionic project, just using iframe.
Once I added, it works on the normal web browser(Google Chrome).
However, if I changed view mode to device mode(F12 & Ctrl+Shift+M), and refresh browser, the embed video stopped auto-playing. Is there anyone have experience before fixed like this problem?
Here is the similar case with mine: http://jsfiddle.net/eFLqJ/1005/
This module will be helpful for your problem: https://github.com/orizens/ng2-youtube-player

How to ensure cross browser AAC+ playback?

I have an Icecast server serving AAC+ (HE v2). I use JPlayer in my webpage to play the content. In Chromium without Flash Player it works just fine.
For Flash enabled browsers it does not work out of the box. I read that Icecast wants to have a "type=.flv" appended to the stream request to make the content playble by Flash Player, and although I have trouble finding the Icecast documentation about it, indeed it works on Firefox with Flash Player 11. But it does not play on other browsers with Flash 15 and above, namely Google Chrome on Linux, Firefox and Internet Explorer on Windows. Google Chrome plays it just fine by disabling Flash Player.
The audio data are downloaded correctly as shown by Developer Tools, audio is heard for about one second and then silence.
Is there anything I can try to make AAC+ playback possible with Flash Player ?
A link:
http://148.251.184.14:18044/chr_xmas
By default it returns a header with Content Type audio/aac. By appending "?type=.flv" (with a dot), it returns Content Type video/x-flv.
Turns out this is a jPlayer issue. I noticed at the bottom a mention by a jPlayer fork with a crude hack which is good enough for my purposes.
It didn't work right off the bat though, I changed the line to
if( myStream.bytesLoaded > 2048 ) return 1;
as it seems that in my case bytesTotal was not uint.MAX_VALUE. I had to compile a new .swf with flex and it worked like a charm on Firefox and Internet Explorer.

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.

Categories