I'm having an issue using JW Player 5.4 with Amazon Cloudfront. I am using the JW Player Javascript Embed method to fall back to an HTML5 player on iOS. This is working great, except sometimes the videos don't load properly from Cloudfront. The player appears with a disabled play button.
The strange thing is that this seems to happen sporadically. We are almost getting a 50/50 chance now. I've set up a page where I have two players loading the exact same video file. The top is loading from the local server, while the bottom from Cloudfront.
http://dj.jomrx.com/video/
If you view this page on an iPhone (4 in my tests), the top player always works correctly. However the bottom has the issue described above. If you refresh a bunch of times you'll (hopefully) see what I am experiencing.
Someone suggested that the loading of the video metadata is timing out. However I thought Cloudfront was supposed to be fast as a CDN and wouldn't expect a timeout / latency issue. Any other ideas on what might be causing the issue? I've searched and searched but haven't found any good results yet.
Thanks a bunch!
More info (JW Player support topic): http://www.longtailvideo.com/support/forums/jw-player/setup-issues-and-embedding/17781/video-on-iphone-issue-flash-player-with-html5-fallback/
Update: Looks like this might not be an issue with JW Player. Same issue with hard-coded HTML5 video tags. http://dj.jomrx.com/video/index2.php
Update 2: After some help from AWS Premium Support, it looks like the issue was HTTPS. I don't know many of the technical details and I'm not sure why, but apparently AWS says that Mobile Safari is "sometimes" rejecting the SSL certificated served by Cloudfront. We switched to just regular HTTP and everything is fine now.
Related
I have a problem uploading videos to Facebook and keep the original quality. I have tried every step and various solutions but it still never get HD (1080p) quality as the source file are. The highest I get is 720p.
I have Premiere Pro CC, the lastest version, and I have tried almost every codec settings there is. My file is in good quality 1080x1080 and when I export it the video looks great on the computer and even on Youtube.
Unfortunately with Facebook I can't get it to Work on my customers Facebook Page and the material looks crap.
There are other firms also uploading videos to the pages and theire content gets HD quality.
I have tried:
Alomost every codec setting recomended out there with h264.
I have checked the HD-box in Video Settings on my Facebook.
I have tried export it in Apple ProRes HQ and uploaded 1-2 GB files.
I have downloaded HD 1080p material from Youtube and uploaded to FB.
I have tried upload directly and even schedule it for weeks later.
Unfortunately there is still no luck.
Anyone out there having a solution I should try?
So I had the same problem for ages! and after a LOT of research, the only real answer I found is that Facebook gives different priorities to different users (ex: Verified and Not Verified).
So it has nothing to do with your rendering export settings...
It's all Facebook decisions...
It sounds like it may simply be a problem with the upload handling. You should be fine utilizing the native Facebook codec though it never hurts to rebuild it. There's explicit steps you can take here regarding Facebook codec standards: https://blog.pond5.com/12628-social-media-export-settings-in-adobe-premiere-pro-the-ultimate-guide/
Here's a few things I recommend for troubleshooting:
check that HD gear in the bottom right corner includes 1080. If it only goes up to
720, check to make sure your file is indeed 1080x1080.
make sure you are the one uploading directly into your customer's Facebook page.
after you've uploaded it, give it 10-20 minutes and check on it again. It's possible that they haven't finished converting the file to the proper quality if you immediately view it after upload.
I have the same issue. The best answer you have to speak someone with Technical support and this is only possible if you publish this question everywhere over the internet because the regular support are trained only to send you useless articles.
Secondly Youtube is the king of HD and 4K videos so far. Check out my 4K video. When i try to upload this 4K video on my facebook page. They simple create error. Then i downgrade it to 1080p and after upload it only watchable in 720p. Since, facebook do not care about real creator they will never reply your comments on time so get some real one from linkedin or nudge again and again their support by calling and emailing them back to back so they force to add a real technical guy in your discussion and he will solve your issue on your facebook page.
Drop me your page link on my Instagram Profile. i will add you in my discussion with facebook technical team.
I was trying to make use of facebook's new ability to show actual gifs in autoplay to make a small looping advertising for a facebook page.
I tested out the feature initially using some Giphy gifs and found it worked fine, receiving the visual message that facebook was loading the gif and it actually working on autoplay and looped forever on a user facebook "wall".
The thing is, with some more testing I found out there are 2 different behaviours for giphy gifs when you post its link:
1 - It behaves perfectly and works as expected and as an actual GIF.
2 - It weirdly adopts a sort of "video form" that doesn't auto-play and makes use of flash to loop the gif...
I tried to guess through some testing why that happened and thought I found a pattern regarding the actual number of frames and the resolution but still I can't get my uploaded gif to work fine.
http://gph.is/1PPYUPn
However this one that has bigger resolution and a larger number of frames behaves perfectly.
http://gph.is/1OuQv3a
Any fellow developer or someone from Giphy that is available to help me out?
UPDATE: I also noticed that the debug info from facebook for both links is completely different! Check it on https://developers.facebook.com/tools/debug/
Solution:
upload your animation (mov or gif) on giphy.com
copy link that looks like this: http://giphy.com/gifs/str4ng35tr1nG
open https://developers.facebook.com/tools/debug/
paste link and click „Debug”
your animation will show as a static link to media.giphy.com/…
after 30 sec, click „Scrape Again”
if this not help, try again until (GIF) symbol will appear on your animation. Now you know that you can paste link in post and animation will work as it should.
I'm getting a weird problem when embedding an mp4 onto a webpage in iOS Safari. I am embedding it with a video tag:
<video src='gizmo.mp4' width=560 height=320></video>
However, on the page, I'm getting the 'video not available' placeholder graphic (play button with a slash through it)
However, when I go to the direct video on my server (http://www.example.com/gizmo.mp4), the video works perfectly.
I am using the video from here to test this out, I don't have the final video files yet. I have also replaced the gizmo.mp4 file with a gizmo.m4v file that Quicktime generated when I hit "Export for Web." I get the same result.
I am only interested in targeting iOS, so specific solutions for iPhone/iPad are welcome (even if they wouldn't work in the web at large)
Thanks in advance!
-Esa
EDIT: Did a bit more testing. Since this is an offline app that I am working on, I was completely offline for this, relying on the manifest. However, the videos worked once I took the manifest out and was working completely online again. So it looks like something up with iOS not caching video resources? The video in question is 748kB, so it's not a cache size issue (though, when I tries with a 13MB movie online, Safari automatically asked to cache the content)
Videos are regarded by the browser as a streaming resource and are not cached - even when referenced directly in the .appcache manifest file. I think the only way you could get this to work is to package the HTML 5 application up as a native app, using one of the many available tools for this (https://trigger.io, Accelerator etc).
I am building a website: daretogaincontrol.com. On that site, I am using videolightbox to play videos.
The videos don't play on iPad or iPhone. The site works fine on desktops (Mac and PC).
The nice people at videolightbox put together a little test page to show that their player and one of our videos will play on iPad/iPhone here: http://www.videolightbox.com/3/
I copied that code to a test page here: http://www.daretogaincontrol.com/test_video
On the test_video page there are two play options one is playing the video from videolightbox.com with the player from that site. Same as the videolightbox.com page, but served from the daretogaincontrol server. The bottom one attempts to play the same video with the same player but the player and video reside on the daretogaincontrol server.
All the javascript and css on the test_video page are linked to the videolightbox.com site.
Neither video on the test_video page plays on iPad/iPhone, which leads me to believe there might be a server issue, since I can eliminate (?) the video format and player has having identifiable problems.
You can play the video on iPad/iPhone using a direct link: [which you need to figure out on your own because I am limited to 2 links per post, sorry], but not in the player on the page.
I have no iPad/iPhone to test with. I know pretty much nothing about iPad/iPhone. I must make changes and call the client to have them test. I also have little experience with delivering video content over the web.
By using these instructions you can set up your PC to act as a proxy and capture the web traffic.
When I do this, I see the requests are malformed when coming from the iPhone
GET http://www.daretogaincontrol.com/test_video
200 OK (text/html)
GET http://www.daretogaincontrol.com/videos/index_videolb/http://www.daretogaincontrol.com/videos/having_fun.mp4
404 Not Found (text/html)
GET http://www.daretogaincontrol.com/videos/index_videolb/http://www.daretogaincontrol.com/videos/having_fun.mp4
404 Not Found (text/html)
I am having a problem with sharing/liking links with Open Graph Protocol data for audio/mp3 files. They look OK on Facebook news feed/timeline, but when you click play button, it won't play. It says: undefined (see screenshot).
So I tried playing some older posts of links with OG meta data about audio/mp3 files, and they don't play either.
EDIT
I did some firebug inspection and the audio player is Flash based. I think the problem is in the flashvars part of the embed code. There is a flashvar for src but its value appears to be a SHA256 checksum instead of the URL of the mp3 file.
I got the same problem and I do not really understand what is the cause of this!!
I have tried the meta tags setting as provided here.
https://developers.facebook.com/docs/opengraph/music/
Give them a try also(if you have not yet) and see if they work for you.
Facebook has apparently removed the player. Their help file suggests making a music video. Very irritating.
seems to be a current bug:
http://developers.facebook.com/bugs/165246693563413
It seems like Facebook have finally fixed it - at least, the audio players on my page have started working again. Hopefully that means you should see it fixed relatively soon, depending on how this is rolled out.