Google Chrome HTML5 video caching - javascript

I developing a website. Now a added a HTML5 video. This works fine.
The problem is if I change the video file in the background. So the user can upload a new video file. Chrome still gets the old video URL but playes the old video from cache.
It even playes the cached video after restarting chrome.
When I disable the cache everything is fine.
Hope someone can help me.
Thx

Pressing F12 and then right click on reload symbol/icon you can select
'Empty Cache and Hard Reload'

I found my problem. The video server implementation sent a expires header which was set in the future. So chrome thought it is not required to reload resource.

Related

Reload page after lockscreen

Good morning everyone,
I am using the js plug-in ytplayer on a website to play videos in the background via the API.
This works wonderfully, only I have some problems under ios.
If I use the back button to get back to the main or if my device is locked and the page is still open after unlocking or if I push safari to the background and open it again, the video does not start automatically, I have to do a refresh. On Windows and Android this works fine.
Reloading the page after back I solved, but is there any way to also do a reload when I open Safari with the page already loaded or after my device is unlocked?
Thank you so much in advance, really need your help.

iframe audio with live streaming embed not working properly (Zoom)

I have written an iframe code to embed a Zoom live stream of our church service on our website. http://www.firstchurchofgodjctn.org. It works "almost" perfectly, except it will not trigger the audio. Video streams perfectly, but there is no sound. I have tried almost everything I know to do - to override Chrome and MS Edge's autoplay issues - and I am at a loss. Upon loading the live stream (when the meeting starts) I get a prompt to "upgrade" my browser, computer audio is disabled. I can preview the html page I built through my design software, and the audio works. (I'm a self-taught programmer, so I'm surprised I've gotten this far!)
Here is the code:
Any ideas? Thank you in advance!

Streaming with a-frame videosphere on Safari

I'm using an a-frame videosphere to display a rather large mp4 video file (70 MB). Everything works fine in Chrome and Firefox, but in Safari (both mobile and desktop) the video won't start to render before the whole video file has been fully loaded. It doesn't seem to be able to stream while loading. When I embed the source video file directly as an html5 video, Safari is able to buffer the video. Therefore I think the reason must be some a-frame internal stuff..
Did anybody else also encounter this problem and maybe has an idea what to do about it?
I hope somebody can help, thank you in advance!
PS.: a-frame version 0.7.0, Safari 11.0 (Desktop)
I found the reason in a-frame and submitted a pull-request (https://github.com/aframevr/aframe/pull/3089).
A-frame checks whether the referenced file is an image or not by setting the src on an Image-object and listening for 'load' and 'error' events. Safari does not fire those events until the source file is fully loaded, and only after that the video is displayed. I replaced the image check with a xhr head request and checking for the content-type.

Jwplayer video not working in chrome

We are sharing jwplayer videos on facebook. The vidoes played fine on all other browser except chrome.
Please share below link on facebook on chrome and play the video, you will see player is disorderd and video is not played.
http://isp-dev.deliveredoncloud.com/facebook-video?v_key=atHlbXDD
The link is verified on facebook and OG debugger, it return response:206.
Any help, why video is not played in chrome.
player condition in chrom when played
From the error in your comments it looks like Chrome is enforcing content security policies.
These are described quite well here: https://developer.mozilla.org/en-US/docs/Web/Security/CSP/CSP_policy_directives and here: http://content-security-policy.com
Note in particular the browser support table in the first link (this will hopefully be updated regularly so is not a good thing to show here as it would just be a current snapshot).
You can experiment wit different settings, maybe trying a very open policy initially to make sure this is not masking some other issue.

Multiple video.js players fail on flash fallback

I have the page http://video-stock.co.uk setup with 4 videos, all using video.js. It works fine with chrome etc which use the html5 implementation, but when I view in ie7/8 and the flash fallback, the big video and the first of the small videos are fine, but the other 2 small videos are black, and have no play button overlay, and are unresponsive to clicking, although a right-click does bring up the flash context menu.
I have next to no knowledge of working with flash to play videos, except the odd embed in Wordpress, and I was glad to find Video.js to sort all that out for me. All I can see in the code is that the correct video files seem to be getting sent into flash, but maybe it is because the flash player (.swf) file is being called more than once? Just a novice guess. Any help gratefully received.
Edit, for completeness I set up a test for flash on the page in chrome etc - if you go to http://video-stock.co.uk/?flashdefault you can view the page with all players in flash. It works fine on chrome, ff and even IE7+8. To get the flash default I have used:
_V_.options.techOrder = ["flash", html5, "links"];
I will change the default to that order if I receive no replies from you helpful lot.
After the edit I went to the site in IE without the flashdefault query var and all four players were working.
The only thing I changed was adding preload="auto" to the small videos, and that seems to have been the fix. Although it could have been getting the flash videos into the cache using the flashdefault that fixed it, until some new videos are added we won't find out. To Moderators, should I accept this answer now or wait till I know for sure?

Categories