I have a html page with video tag,it work fine in every browser when use http,but if the website switch to https,the video can't play in iPhone safari browser, anyone ever seen this and know if there are ways around it? Thanks!
Check this link for the same question or this apple forum link if you have devkit.
You must have a valid Intermediate Certificate installed on the server. It is not enough to have only the server certificate installed.
The problem doesn't lie with the video, protocol, or the player. It has something to do with the SSL certificate. Have a look here - it describes a similar problem you're experiencing, but on the iPad.
Related
I have a website which shows some movies online. I'm using hls.js version 0.12.4 for streaming my videos and every thing works fine most of the time, but occasionally when our users use chrome, the movie's audio goes out of sync with the right frame of video and this asynchronism get worse and worse till refresh the browser. how can I fix this issue?
does anybody know that upgrading to last hls.js version solve the problem or not?
It may be a problem with the version of Chrome that you are using. Google has documented this problem happening with the embedded media player in Chrome(Google Chrome bug= 1018904, Chrome version 78.0.3904.90)
I'm currently using the chrome command-line-switches
--use-fake-device-for-media-stream
--use-file-for-fake-video-capture="file1.y4m"
--use-file-for-fake-audio-capture="file2.wav"
When I launch the following url https://appr.tc/?debug=loopback the audio is not synced correctly with the video.
Does anyone know why this might be the case?
Thanks!
the problem was with the https://appr.tc/?debug=loopback site. If you have a similar problem to mine use this site https://www.webrtc-experiment.com/RecordRTC/ instead.
I have a problem in loading a webpage that has a html5 video element in it that runs into a weird problem in chrome. I say it is weird because the behavior is inconsistent.
here is a screenshot to explain my problem...
this is the side by side comparison of the same page when opened in firefox and chrome. The firefox loads the page as it should but chrome does not load the video when play is clicked. Even IE 11 had no issues in loading the video.
Now let me specify the environment where the problem occurs as well. The whole application is hosted on IHS/ Websphere (test environment-although WAS does all the job- not under my control). The link is,
http://wwwtest.courts.mo.gov/civiceducation/pages/const_proj_home.html
I do have another environment where the site is hosted by tomcat where there is no problem at all no matter what browser is used. The link to that page (the exact page under review) is,
http://www.courts.mo.gov/civiceducation/pages/const_proj_home.html
I would appreciate if someone would help me in understanding what is causing this issue or why. Thanks in advance
UPDATE:::
durin my research i found this SO post What does status=canceled for a resource mean in Chrome Developer Tools? and found this link which says that it is a chrome bug issue dated april 2013 http://wwwtest.courts.mo.gov/civiceducation/pages/const_proj_home.html but then why does chrome load the videos when a different webserver(tomcat) is used?
UPDATE #2 ::::
i was able to isolate the problem just to mp4 files.In my section of code that handled the video, I flipped the source tags that pointed to mp4 and webm such that the webm is now listed first...
<video id="video1" width="850" height="530" poster="../snapshot/constitution_project_home_video_fullsize.png" controls="controls" preload="none" style="display:none;">
<source src="../Media/video/webm/const_proj_welcomevideo.webm" type="video/webm" />
<source type="video/mp4" src="../Media/video/mp4/const_proj_welcomevideo.mp4" />
If you are seeing this, then your browser does not support the video element. You are using an <strong>outdated</strong> browser. Please upgrade your browser to improve your experience.
</video>
Now the page load works just fine.
Even though this solved my original problem, I would still like to know what is causing this issue.
UPDATE #3::: Disregard update#2
I thought that the problem was solved but over the weekend I did not test it and now even webm files are not working. Its cancelling the request again. Only when I have websphere as my app server. Hence in am adding the tag "Websphere" back into the mix. Here is a screenshot now...
And here is the comparison screenshot between tomcat server and WAS 8.5 side by side on chrome
I am running out of ideas as my requirement going forward is that the content is going to be hosted on the Websphere server. Any help is greatly appreciated. Thanks
After researching through a lot of materials thats is available online , the bug report from google for chromium etc, I still was not able to understand what was causing the myriad of inconsistent behavior( some videos worked sometimes- Cached maybe?). But I also found out that the version of chrome that I was using were 32 and 34 respectively on 2 test machines. My workplace network policy also prohibited chrome from updating itself automatically.
Hence I performed a manual update on one of my systems ?(v32 to v38) and after that update things started working the way it was supposed to. I updated my other system as well after that and it worked again.
So I dont know if I can post this as an answer here but to me it is now confirmed that it was a chrome bug that was causing the inconsistent behavior. And simply updating the browser (uninstall/re-install) worked as a solution.
I apologize to those who came here looking for a full fledged solution to this problem only to come here and find out that they have to just update the browser.
And last but not the least-- A BIG THANKS to all to who took time to even read and respond to my issue.
When I enter a WebM video URL in a web browser on Windows 7, the video automatically starts playing. But in Firefox on a Linux system, when I enter a WebM video URL it asks me if I want to download that video file, rather than automatically playing it in the browser.
This may be a silly question with a super simple answer, but what do I need to do to make this video play within the browser, rather than asking me if I want to download it?
When I try the same thing in Chrome in my Linux environment, the video automatically plays within the web browser as I would hope, so it seems to be something specific to Firefox in Linux that I need to change.
Go to this link http://webm.html5.org to verify that you can play WebM videos and make sure you update to a newer version of Firefox.
I was wondering how to embed a video on a webpage to have it compatible with mobile devices. I am kinda new to the whole mobileweb. So I set up some testing pages and tried them out with some devices of my friends. Flash is obviously not the way to go. Embed tag neither. html5 video tag neither. I also tried to nest them for fallback compatibility but just didn't get it right.
So I had a look at youtube. They are using rtsp streams and they just let the device handle the rtsp:// links. This seemed to be working everywhere, and I think they do it for a reason. So I had a look at rtsp protocol the possibilities to serve such a stream.
Turned out its really simple and doesn't really differ much from the http protocol. There is e.g. ffserver out there for that.
But every free/os implementation seems to be testing/buggy ...
So I ask you guys. I cant be the first stumbling across this problem.
Isn't there a nice tested way to embed videos with nice compatibility for mobile devices? preferably served from a http source!
looks like html5 is the way to go but important are the correct encoding settings.
h264, baseline 1.3 seems to work fine with iphone4 and android 2.1 ... rest untested.
I've been collection information about mobile compatible video players, you can find it here: http://blog.jsethi.com/media/html5-video-players/
The solution would be to use Kaltura open source platform. If you have have the knowledge to set it up it's the winning solution.
Here is my kaltura running HTML5 with flash fallback. http://cdpn.io/DeKuo
Read more here http://www.kaltura.org/
and here http://html5video.org/
Good Luck !