I'm developing an application that has to display some html content that contains an html5 video (no flash/silverlight plugins). The html and the video are playing fine in safari, but when displayed inside the webview in my application i get a black box where the video should be. But the video seems to be playing, because if i click fullscreen, the video goes fullscreen and is correclty displayed, and also the audio is present, in fullscreen and non fullscreen mode. It seems like the video is played behind the page.
Maybe i'm missing something as a newbe?
does anyone has an html5 video correctly displayed inside a webview on a mac os x 10.6?
Thanks a lot!
Related
Say I open Youtube,and the video starts playing. How do I find out what in-browser and system plugins / resources are being used to play the music / video?
Asking because on my Firefox, about 50% of the time, when I open youtube, it starts playing the audio of the page in the background, even as the video loads. So when the video is playing, there's audio with it, but there's the same audio, with a small delay playing in the background.
I've tried disabling the extra flash plugin that most other guides about this recommend, and it hasn't helped. Now I want to find out what my browser is using to play the background music.
Simplest thing is probably to right-click on the video and check if the menu that appears is the typical Flash rc-menu or the browser native video right-click menu.
In my Windows Phone application I'm loading a html site into a view, really simple stuff with this method:
var itemView = view as NorwegianBrowserView;
var webBrowser = itemView.browserContainer;
webBrowser.Navigate(new Uri(_globalAccessObjects.ActiveNorwayLink,UriKind.RelativeOrAbsolute));
The site loads everything except a video clip. Or well it knows the video is there but it just shows a black square. And pressing that black square does nothing.
As i side note i can add that i got the same application for iOS and Android and they both got no problem in loading the very same website(+ they load the video). And here i can press the video clip and it will start playing.
Am i loading the website into my view the wrong way? or does microsoft.phone.controls.webbrowser not support a video clip?
Any help is much appreciated.
The ability to play video clips in line in a web page is dependent upon the version of Windows Phone you are running on and the format of the video.
Only Window Phone 8.1 supports playing video within a page. Unfortunately this isn't yet widely available.
Even then the video format may still be an issue and if not supported could lead to a placeholder image being displayed.
I'm building an application which plays videos using the YouTube iframe API. You can see the application here.
I've run into a weird issue where the player works ok in Chrome/Safari but won't show the video correctly in Firefox (I'm using FF22 on OSX 10.7.5). You can click the play button and hear the sound but the video never appears.
Anyone got any ideas what might be wrong?
Some Observations
You can see the YouTube branding (which is part of the player) so it's there, it's just not showing any picture.
According to #ceasar in the answers, the player works on Win 7 FF22. I have another report which states that it also works fine on Ubuntu FF.
If I open up the FF developer console and click various nodes in the DOM tree of that window, the video will appear. Try clicking div.show-details to see this effect (It's under body > div.wide > div.show-details )
There is a transparent overlay over the video but I'm setting ?wmode=opaque on my iframe (like this question suggests) so that should be ok.
This question suggests that setting certain styling rules such as border-radius on the iframe can mess with it. I'm not doing anything like that.
In FF the youtube logo isn't showing but working okay (win7 FF 22). Also in the other browsers I cannot click on the youtube logo. This is against the youtube TOS and you could be banned for this so be warned
I am facing a quiet funny issue with Windows media player, I am using default window media player installed on client local machine to view media in browser. I open it lightbox which is developed by me and it seems it have no issue with the that.
When I open any media in browser it shows white screen, if I switch a tab, resize the window, or inspect it etc. it starts playing the media (i.e. video/audio) otherwise it is keep on showing white screen...
Check this in jsfiddle
http://jsfiddle.net/aash1010/cHMEy/
(Specially in Firefox)
I found a nice way to use the audio tag, Audio for everybody. It tries first to use the html5 player, then wmp, then flash, then an image.
Unfortunately, the mp3 format isn't supported on firefox even if it's supported by the os, and it displays an X instead of degrading to the flash player.
There's a way to let firefox ignore the html5 player?
ps: converting all my mp3s to ogg it's not an option
I solved using this code: Quick Guide to Implementing the HTML5 Audio Tag (with Fallback to Flash)
The js code will detect lack of mp3 support in opera/firefox, hide the audio and create a flash player
edit: their solution to hide the controls does not work in my firefox, change
document.getElementsById('audio_with_controls').style.display = 'none';
with
var audio = document.getElementById("audio_with_controls");
audio.removeAttribute("controls");