Forum Replies Created
-
-
Hi, bumping this to the top as I haven’t received a response in over a week.
Thanks,
Hi Martin, I may have figured out the issue. My source mp4 files are fairly long and I wanted to break them into smaller videos to put them into a playlist. To do this, I first trimmed the original source video into shorter clips using the QuickTime player “trim” feature. It was these trimmed video clips that were producing the audio out of synch. When I instead encoded the full, original mp4, the audio came out fine. Not sure if that “trim” feature breaks something about the mp4 container, but it seems to be working fine with the full original source files.
I have a bunch more to encode so I’ll keep an eye on it, but seems if I want shorter clips I might have to export them individually from adobe premiere to make sure their codec is intact.
Hi Martin, disabled the speed-up setting and it appears to be working, and still faster than the amazon load time (and also isn’t having the double-click issue in safari)… so that’s all good. I’ll keep testing and let you know if we have any more issues.
One last question – is having just the HLS/m3u8 version considered sufficient to serve across all devices? Or should I also have a webm or other version as well for maximum coverage?
Thanks,
Hi Martin,
-
double-checked that the Access Key and Secret Key are correct for DigitalOcean Spaces
-
the videos I have uploaded do indeed show in the modal window when I go to wp-admin -> Coconut Jobs -> Add New
-
uninstalled and reinstalled FV Player from the link provided
Coconut/Digital ocean Spaces video still not playing: https://ballstrikingblueprint.com/members/fvplayer-coconutdigitalocean-test/
What can I try next?
Hi Martin, still haven’t been able to get the above resolved, but figured I’d try setting it up with Coconut/DigitalOcean as that looked like it might be easier.
Went through the Wizard and followed the instructions on these pages:
https://foliovision.com/player/video-security/encoding/encrypted-hls-coconut
https://foliovision.com/player/video-security/encoding/encrypt-encode-videos-wordpressBut I can’t get it to play anywhere, here is the test page I set up:
https://ballstrikingblueprint.com/members/fvplayer-coconutdigitalocean-test/The instructions seemed very simple, I’m not sure where I could have gone wrong. It looks like the CORS settings were set up automatically.
One thing that was kinda strange… every time I uploaded a file, instead of showing just the one file processing it showed (and created) 3 files with the same file name. I did try creating separate shortcodes for each one and tested them all but got the same error message each time.
Thanks Martin, that setting is actually already turned on and it’s still taking the 5 seconds or so. Any other reason it might be slow?
On the Safari issue, I have noticed now that if you click the video just once to play it will sit there forever on a black screen… if you click the black screen a second time it does start to play. Any idea why it would require a second click?
Finally, is having just the HLS version of the video generally sufficient to play on all devices or is it best practice to have some other fallback format?
Thanks Martin. Enabling the Stream Loader feature does allow it to play, although it still won’t play for me in Safari for some reason.
Also, the load time is quite slow (maybe 5 seconds from clicking play until anything starts). Doesn’t sound like a ton, but here is a page for comparison sake where I have the FV Player version and the same video hosted through Vimeo right below it:
https://ballstrikingblueprint.com/members/fvplayer-bunker-test/
Could that extra time be because of the “restrict viewer access” setup on Cloudfront… or something I can adjust?
With this latest test, the error being thrown in the chrome browser console no longer mentions a CORS policy… it now just says “Get …..cloudfrontURL….. 403 forbidden”
UPDATE: I tried the AWS settings recommended here to enable CORS headers: https://foliovision.com/player/video-hosting/how-to-enable-cors-headers
As it still did not work I continued to research online and found this, which looked promising.
NOTE: the top answer on that page looks like it could answer why the CORS header wasn’t working, but the solution presented also appears to be no longer needed due to updates at AWS described in the next 2 answers (see attached).
I did however try the solution from the attached and it is not working either (it is what is currently deployed on my test page): https://ballstrikingblueprint.com/members/fv-player-test/
The chrome browser console is showing the error “Access to XMLHttpRequest at ‘…..’ from origin ‘…’ has been blocked by CORS policy: No fv-player-test/:1 ‘Access-Control-Allow-Origin’ header is present on the requested resource.
I did follow the instructions here: https://foliovision.com/player/video-hosting/how-to-enable-cors-headers for both the S3 bucket and the Cloudfront distribution. I am seeing now the note that this can take some time to update… I will check back later.
Thanks Martin,
Hard to say for sure as I have not been able to replicate it but I suspect mostly it is happening on longer videos. The most popular video my members would be watching is around 2 hours long.
Don’t think it’s mostly mobile. Again hard to say for sure but last 2 reports were:
– Microsoft surface pro with edge browser
– Desktop computer with chromeAlso I am not using signed URLs.
Martin, that looks to have done the trick :)
Thank you for your help!
Aaron
Hi Martin, thank you for the reply!
The shortcode I am using on that page is:
[fvplayer src="https://d3qwurpo1o31ui.cloudfront.net/Lessons_Intro-360p.mp4" src1="https://d3qwurpo1o31ui.cloudfront.net/Lessons_Intro-360p.webm" qsel="true"]
I DID have the default playlist style set to vertical in the Settings, however I tested a few variations and it seems to be behaving the same way. (I now have the default playlist style set to Prev/Next so you can see).
-
