When you add a video via Google Drive, the video doesn't play. When you click on play, nothing happens.
The error was detected only in the Safari browser (Mac OS and iOS), on different devices. The Safari console displays the following:
In Google Drive, the video has permission and is available to everyone who has a link. The video works in Google Chrome, Firefox.
I don't use the API from Google, I only have an iframe that google itself suggests using.
My iframe:
<iframe src="https://drive.google.com/file/d/1tYPqwtbgNp17xXNR5mZH3SdeFTcUrTHt/preview" width="640" height="480" ></iframe>
Video testing takes place on a clean page, without scripts and styles
An embedded Google Drive video does play in Safari (just tested on iPhone with iOS 14.7) but only if you set 'Prevent Cross-Site Tracking' to OFF in Settings, Safari, Privacy & Security.
This is probably not an option for a public website!
Related
I display perfectly well youtube videos thanks to this documentation https://developers.google.com/youtube/iframe_api_reference
Everything is working fine in localhost with firefox.
But under secured production url I got the error NS_BINDING_ABORTED in firefox when the whole page is being opened. When you click on the video's Play button it keeps loading indefinitely...
I have my application running in iframe https://iframe-domain.com embedded in the main site https://parent-domain.com. With a bit of pain I was able to setup google analytics and GTM to make it work. For this I've used the configuration
cookie_flags: max-age=7200;secure;samesite=none
in Google tag manager. Then it worked in all browsers except Safari. I've noticed that safari ITP (Intelligent tracking prevention) is blocking GA (more precisely, it's blocking third-party cookies) because of the cross-origin iframe. This is reproducible in mobile safari, not sure about the desktop.
Is there any workaround? I don't want to miss all my safari users in analytics reports. GA version 4 is used.
Initial load renders all content perfectly and then on the 2nd or 3rd reload (this is random - I've tested this numerous times) it won't display anything on the page except for the nav bar but all the source code loads fine when checking with dev tools and also does not show any errors.
Works fine in Chrome desktop browsers and Firefox desktop browsers - in media view and desktop view.
Doesn't reload on Safari desktop.
Doesn't reload on the following media devices: Android phones, iphone, ipad with Chrome incognito browser and Safari browser.
I am debugging remotely with one of my android devices and I don't see any errors in dev tools and all the source code loads on each reload.
This is hosted on an AWS ec2 instance.
I cannot figure out how and where I need to debug. Any tips/advice is much appreciated!!
Sorry I can't upload image of code or url because this webpage includes info for a live product feature that has not been released to the public yet.
Thank you!!
If, for example, I use an iFrame to embed a YouTube video on a site, is it really true that the bandwidth is taken from, in this case, YouTube as it's the site hosting the file, and not from the site with the iFrame?
I just read about this here https://www.tipsandtricks-hq.com/reduce-your-websites-bandwidth-and-storage-usage-92 but haven't found anything else on it.
Try Chrome and the developer Tools > Tab "network".
There you can see exactly where a File/video/whatever is been downloaded.
A Youtube Video is downloaded from youtube.com and the HTML of your i Frame is downloaded from your server. The easyest Test is to hotlink some Images from other Websites, eg "https://stackoverflow.com/content/img/progress-dots.gif" als . The developer Tool in Chrome (or FF or Opera or Safari (if you activate it), or even F12 in IE (...) is showing the source and much more.
So I'm trying to embed the google analytics login page onto a page. Works fine on IE and Firefox. The website is hosted on a local machine.
Code:
<iframe src="https://www.google.com/analytics/settings/?et=reset&hl=en" height="1000px" width="100%">Your browser does not support iframes.</iframe>
Is this a bug in chrome safari or can I adapt my xhtml to fix this?
Edit :In the end I used the Google Analytics API with this PHP library http://code.google.com/p/gapi-google-analytics-php-interface/
and google chart api.
Google is setting response headers to explicitly block the loading of these pages into an iframe. The headers are respected by newer browsers, but not implemented in older ones. I suspect you're using a version of IE below 8 if this is working for you.