Dynamically loaded <video> not playing in Safari and iOS Safari - javascript

I cannot get a video to work on my page. The projects are loaded dynamically, and if a video is contained it loads fine on Chrome but not in Safari. When I inspect it, Safari gives the following error for the video:
"An error occurred trying to load the resource"
Is there any way I can get this to work. I tried looking at the different properties in , but nothing seems to work.
The page can be seen here:https://www.proptogroup.com/projects.html
the project with the video is the first one loaded after current projects.

Related

HTML DOM rendering is getting blocked in iPhone (iOS 13) device

I am creating a URL stream music player in web with JavaScript. Everything is working fine in android device. While in iPhone devices DOM rendering is getting blocked. I have adjusted all JS position in HTML file but still it is not working. For demo please check here
I have resolved this issue by setting src value by Javascript. Earlier I have provided a default stream URL in HTML file which causes this issue.

iFrame not loading properly in Chrome

I am attempting to show a simple mockup to a potential client of how he could stream media from his own online radio station to a page. The radio station was built using an external site and in Safari rendering the station's share link in an iFrame works perfectly, and plays immediately on page load without the user having to do anything. Here is the pure html code; there's no JS for this page now:
<iframe src="https://lucasdraft.out.airtime.pro/lucasdraft_a" frameborder="0"></iframe>
The CSS:
iframe {
height: 50px;
width: 200px;
float: right;
}
But in Chrome, half the time when I try to load the page the iframe doesn't show up at all and the page loads continuously with the status at bottom left displaying "Waiting for available socket"- again this never happens on Safari. When it does load in Chrome, instead of showing the basic media player from the external source it shows a sort of gray semi-circle with three dots. If I click this gray blob it begins playing, but this is very un-intuitive to a user not to mention ugly. I assume this is a security feature in Chrome but haven't found any reliable way of fixing it. Increasing the size of the iframe does not change anything.
Safari (working as expected):
Chrome loading error:
Chrome with cache cleared, after loading the iframe:
Thanks and anything helps in fixing this pesky error!
For the Waiting for available socket, a quick google search got me this answer. Chrome hangs after certain amount of data transfered - waiting for available socket It's always a good idea to google something before asking.
For the visual problem. the Url in your Iframe is calling a video. Different browsers use different style for their video player. Chrome just needs a little bit more height. I find that 100px works well.
I had the same issue(Worked in safari but not in chrome). In my case the issue was the Ad-blocker . Ad-blocker usually writes scripts to override the iframe styles.
Once I disable the ad-blocker or load the project in incognito(private browser) window the iframe content loaded successfully.

ie6 embed youtube not working

I'm having a problem with youtube embed (iframe) and ie6. I'm currently working on an old site of a client which requires it to support ie6.
The iframe works fine in IE8 above and other browser. But when I checked the page in ie6 in xp (modern.ie images running in virtualbox) it shows error:
"The page cannot be displayed". This only happens on IE6 (running another browser in the same OS - firefox - the iframe works just fine).
I've also tried the <object> method and it only show white page.
Anyone knows how to make this work in IE6, or at least a reason why it doesn't work in that particular browser?
In case this is related: I can't access google's page and its product through IE6 (so I can't check if I can play youtube videos through its website). Maybe this is due to google dropping its support for IE8 under, but I can't find anything actually relate this two after googling for hours.

window.frame.document.location.href is pointing differently in IE11

On my web page I have multiple frames out of which one frame has following location: /lms/index_lms.html
Now, I want to load present.html file in that frame which is at location: /present.html
I am currently using window.my-frame-id.document.location.href = 'present.html';
This works in IE9, IE10, Chrome and FF but doesn't work in IE11.
In IE11 it tries to search present.html file with following path: /lms/present.html
I can't use document.location.href='/present.html' because, I have few other folder/directories on my webserver before lms folder.
Since this issue happens in IE11 only can any one help me in identifying why this happens. Also, what is the correct way to set present.html page to that frame.

ERR_NAME_NOT_RESOLVED in Chrome

Hi I am using JW player for playing flash videos in my website.video plays in browsers except chrome.I've tried playing in Mozilla and Safari. when I check the console of chrome I get an error message
ERR_NAME_NOT_RESOLVED.how do I solve this error
It just means that you're linking something incorrectly. Make sure to check your src and hrefs are valid.

Categories

Resources