In my company we link our site to videos provided by a partner company. They changed their video encoding from .FLV to .MP4 videos and the current video player on our site doesn't playe them. We changed it to Windows Media Player given that most of our customers are running windows and internet explorer, the embed code we used is this one:
<object>
<embed type="application/x-mplayer2"
pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
name="VideoPlayer" ShowStatusBar="false"
EnableContextMenu="false" autostart="true"
width="426" height="285" loop="false"
src=[video_url] />
</object>
I see the WMPlayer displayed on the site and the video plays, but my clients only see the player displayed and the video doesn't play. We updated our clients flash plugin and still nothing. What could be the problem?
You need to install additional codecs on the client machine. There are numerous codec packs for that (search google). You can't do it automatically from a browser either as it requires an installer to run.
WMP is a pretty crappy solution anyways since you're basically screwing over anyone who visits your site with a Mac or Linux computer. There are numerous other ways to play MP4 including via Flash but also using new HTML5 features.
We ended up using Flow Player
Related
I'm working on an Electronjs app that needs to play very large videos stored in the user's machine. I've tried both with the vanilla html5 video tag and with other players. Small videos load and play fine, but large ones (1GB and up) only play sound, not images.
<video controls width="1280" height="720">
<source src="F:\sample.MP4" type="video/mp4" />
Sorry, your browser doesn't support embedded videos.
</video>
This happens both within the Electron app (Chromium based) and Chrome itself. Edge, on the other hand, plays large videos correctly.
I could not find any documentation on why this could happen, or if Chrome is behind in some video compatibilies...
Where could I look for a solution?
Thanks
Edit: The problem was not the size of the videos, but their codec, h264 played well, hevc (h265) didn't
#snwflk found the answer in the comments. It's because the hevc codec is not supported in Chrome: https://caniuse.com/#feat=hevc
Edge apparently supports it by offloading the video decoding to the hardware: H.265/HEVC web browser support
Maybe Electron can be compiled in a way that Chromium supports it? https://stackoverflow.com/a/39319614/3362074
After few days of debugging various loading issues with one website we've been working on we came to conclusion that there's an issue with streaming video files (mp4, ogv and webm format) under IIS7/IIS7.5 and Windows Server 2008.
We have two versions of website, one is running on PHP (custom made CMS solution) and the other one is running on Umbraco.
When nginx is serving video content, no video chopping is experienced.
Any ideas what could be an issue?
To play the video, we're using HTML5 tag:
<video autoplay="autoplay" class="largeVideo" loop="loop" muted>
<source src="/media/1123/ai-intro-video.mp4" type="video/mp4">
<source src="/media/1124/ai-intro-video.ogv" type="video/ogg">
<source src="/media/1126/ai-intro-video.webm" type="video/webm">
</video>
I can't provide website URL, but you can check out Umbraco's website - this video is delivered in pretty much the same way (even design-wise it's looking similar).
Mime-types are added correctly, disabling compression didn't change anything.
Video is choppy even if played by directly targeting video URL.
We've tested website on few servers and from different locations, and results are pretty much the same.
A couple of things to consider:
I tried Umbraco on my firefox 28 Windows 8.1 and it looked ok. On Chrome 34 I have noticed some stuttering but only some.
Have you not some specific hooks for your application that may involve IIS but not Nginx?
If you do not use pure streaming for delivery to HTML5 video (like DASH or HLS) content is progressively downloaded to the browser cache for playback. So in "theory" playback should not relate to your server being X or Y once file is properly downloaded.
However if your page uses much CPU for other JS or else tasks you may experience stuttering at playback when frames are decoded to be displayed (especially if you target HD content). Is your video choppy when you only have one HTML5 video tag on a blank page - having preload attribute set to auto and autoplay disabled?
I have had a similar issue with one of my Apache server and Internet explorer. I would suggest you tried the following steps:
wild card CORS (msdn suggested that)
check your web sever supports ranges request/206 partial content. I have used CURL to check this on my server.
Thank you for your help.
On my site I am embedding youtube videos. Where the video is suppose to be it isn't showing up, in chrome. It works on a macs and it also works on PCs, but only on firefox. Where the video is suppose to be you can "click" on the video and it will start playing, but it is not visible. How do I get it to show up. I thought it might be hiding behind stuff, so I messed with some z-index stuff, but it isn't working. Is there something else I should be looking at?
This is how the code is:
<object type="application/x-shockwave-flash" id="myytplayer" data="https://www.youtube.com/v/FJqOb-TS-0o&enablejsapi=1&playerapiid=ytplayer&version=3&controls=0&showinfo=0&rel=0" width="500" height="348">
<param name="allowScriptAccess" value="always">
</object>
The video is being pulled from my data base, but is being hosted by YouTube.
Here is the code on firefox:
<object id="myytplayer" width="500" height="348" type="application/x-shockwave-flash" data="https://www.youtube.com/v/FJqOb-TS-0o&enablejsapi=1&playerapiid=ytplayer&version=3&controls=0&showinfo=0&rel=0">
<param name="allowScriptAccess" value="always">
</object>
I have tried updating my flash drives to see if that is a problem. I have deleted my cookies. I have even had other people try it out and it just doesn't show up in chrome. Any help would be awesome.
Both your snippet of codes works fine in my Chrome 34 Windows 8.1 machine. Not sure where your issue is coming from. Maybe a system/network/proxy settings specific to Chrome on machines where you are trying from (sometimes Youtube URL are banned from company network).
I would point to the Youtube documentation anyway. Maybe trying another form of embed can help:
Best practice: IFrame embeds are the recommended method for embedding a YouTube player because the IFrame will select the appropriate player based on the client's capabilities and available YouTube file formats.
If you use the object tag you should have an embed tag falback inside (see the doc).
As stated in Why doesn't Firefox support the MP3 file format in <audio>, Firefox does not support MP3 for <audio>. For some reason, a third-party website does not host files other than mp3, and uses code like the below for embedding mp3 files:
<object CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
width="1" height="1">
<param name="URL" value="media/audio.mp3">
<param name="autoStart" value="true">
</object>
Since my computer-illiterate client does not use Windows but Ubuntu, this obviously does not work. Now since I have no access to the files on that server, I tried to create a Greasemonkey script that replaces all of these scripts by an <audio> script, but then Firefox 12 complains that MP3 files cannot be played with <audio>. Chromium cannot play it either.
As a workaround I tried replacing it by <embed> and using the VLC plugin, but this time Firefox crashes due to a segmentation fault.
So, I am looking for a method that allows the audio from MP3 files being played in the Firefox or Chromium browser from a userscript or extension. Any ideas?
Honestly, audio playback is still one of the cases where (most unfortunately) Flash is a very good answer. The code for playing back audios in Flash is straight-forward, and every Flash implementation (not just Adobe's, including the FOSS alternatives available on Ubuntu) can handle it just fine.
How to play video file in webrowser without installing any player software in the remote computer? I think this is on fly video playing concept and lots of sites using this
I'm using VLC media player to play video on the browser. Is there any way so that I can play video on the remote browser without installing any software.
Maybe I can tell them to install plugins for that?
there is any way so i can play video on the remote browser without installing any software
Nope, there isn't. You will always need video playing capability on the client side. (Well, short of turning the videos into Animated GIFs, but that is madness.)
The best supported Video embedding methods are Flash Video and HTML 5 Video. See this SO question for detailed information on the two.
use this code in any control to play video
<video controls="controls" id="id1" width="200" height="200">
<source src="movie/show.mp4" />
</video>