mediaelement.js GUI works great local but not online - html

I was looking for a simple mp3 player that looks the same in most browsers. I found mediaelement.js, I follow all the instructions and works perfect in my local pc, but when I upload all the files to my server I just see the GUI of the browser, not mediaelement.js.
Why?
Look the picture of the problem

Related

Youtube does not work on any browser. Chrome, Mozilla, Edge, IE

One day youtube stopped working on all browsers. It loads preview of the video and then loading infinite circle appears. Sometimes it shows the message: if playback doesn't begin shortly, try restarting your device. I cleared coockies, history etc. two times. I found something about the hosts file, but the original file contains the same exact thing the guide was recommending to replace. There similar problems with youtube, but i didn't find anything that could possibly solve the issue except the host file.
Whether the problem only occurs on the YouTube site? Try to play some online video from another site, such as Bing and Google.
If this issue only occurs on the YouTube site, perhaps the issue is related the YouTube site, you could check the YouTube help forum and contact with them.
If another site also has the same problem, perhaps the issue is related to your network or computer. Please check the network connection and check which version of OS and Browser version are you using? Then, try to Restart your browser, Restart your router, Restart your computer or Update your browser to the latest version.
Make sure you use propper audio device.

Save video from webpage html link

I am trying to setup on my website where I can view a video in low resolution for space saving purposes, then if someone likes the video, I have added into the webpage a link for them to download the full hi-res video. The problem seems to be that no matter what I try I cannot get anything to actually download to my pc from the host server webpage video directory. I have tried many different options that I have found by googling the net. For instance
David Garner
If you are using Opera this will "Stream" and play in your Opera Browser, It will not work on IE11, Google Chrome, Firefox or Safari. And Streaming is not what I wanted anyway, I want someone to be able to download the file to their harddrive to watch later.
Can anyone help me figure out how to be able to download to my pc from the webpage Download link? The primary browser I would like to use is IE, however I am trying to also go for multi-browser support.
* Edit *
After clicking on the link in IE11 it appeared to be thinking so I let it run and after about 5 minutes it started streaming. But I still cant download to my pc the file.

Some Chrome users are not seeing the Quicktime Plugin activated for MIDI files

I have a webapp that uses an embedded midi file on the page as a part of the functionality.
This works fine for most users. But a significant number of Chrome users have an issue where the midi file does not play at all. Neither is the Quicktime Plugin Permissions prompt activated.There is no JS error on the page. Going to chrome://plugins/ proves that there is a Quicktime plugin installed. The users can't even play a midi file by navigating directly to it. Any suggestions for what could possibly be wrong?
Edit: When trying to play a MIDI file, they see a Quicktime Logo with a Question mark.
Just wanted to add: In QuickTime Preferences under Advanced tab/Media Encoding, make sure "Enable encoding using legacy codecs" is checked....
I had a similar problem with Chrome and the Quicktime plug-in. The plug-in would not play any embedded .mid files. I'm not sure why this method worked, but .... Uninstall the Quicktime program. Open up Chrome and go to the web page with the embedded .mid(s). Wait for the Install Quicktime plug-in alert. Install as directed then close all windows. Go to Control Panel/Program and Features. Find the Quicktime installation. Select "Repair." Return to the web page with the embedded .mid(s). The .mid file(s) should now play as expected.
With the current version of Chrome, that does not help.
I have to switch to FireFox to hear .mid files. Even changing the default .mid player to WMP did not help. Chrome wants to save .mid files to the computer. Obviously a bug.

Run single page HTML and JavaScript page offline in iPad 1 safari

I am coaching my son's flag football team this winter and I'd like to make a little one pager app with jquery which will display and animate for the team some plays during huddles. I have been researching this quite a bit and it seems there is no way for safari to load local files. Some have suggested using goodreader, the app, but according to their manual they use a simplified browser rather than safari.
Not sure what else to try. The iPad is wifi only using ios5.
Safari is not capable of loading local files.
You have a few different options. You can:
Upload the file to Dropbox, and use it's offline mode to view it.
Use a native / hybrid container (like Appcelerator, PhoneGap, etc)
to bundle your HTML/Javascript into a "native" app.
No Safari can not load local files. You can't run local applications from there. What you can do is develop an actual app for your iphone using dreamweaver/jQuery. You could make pre-recorded videos and play them on your iPad as well. Goodreader, from what I can tell, is for reading local PDFs, which has nothing to do with apps... (but I don't really know)
This page should give you a general idea of using JQuery (mobile) to develop and actual app:
http://jquerymobile.com/
Edit: I just thought of a simpler approach that should work. Open a drop-box account at dropbox.com and put the website/Jquery in the public folder. Get the URL for the public folder and use that. Open the website on your iPad and then don't close the window. Even when the network connections stops it should still work.
I ended up using HTML5 built in APPCACHE: http://www.html5rocks.com/en/tutorials/appcache/beginner/
We went undefeated BTW :)

Ipad / iphone accesing image locally with safari / chrome

Is there any file path or way to access the images store/save on ipads/iphones? What I want to do is build a presentation wich will run over safari/chrome and access the images locally, with this the presentations will work with/without internet connection. Is any other approach to make this presentation work with or without internet?
something like this would be great
<img src="ipad://pic.jpg" />
Ps. I know Ipad/iphone hasn't have an file manager.
As far as I know you cannot access photos from the browser. This might have changed with more recent updates but I doubt it. You can use something like PhoneGap to make a native app in HTML5 that has access to system components like photos.