Embedded youtube videos blocked by network admins stopping web page loading - html

We've developed a website for one of our clients which has some embedded youtube videos. Unfortunately, the clients internet filtering software blocks youtube access - this cannot and will not be changed because it's their (archaic) policy.
The problem is that our client cannot load the website because it gets hung up on trying to load the embedded videos. Apparently a regular html page with a 'forbidden' message appears when someone tries to access youtube - so I would have thought the browser would give up and move on.. but no.
Does anyone have any simple suggestions as to how this can be resolved? Perhaps the 'denied' message needs to have a 403 header to get the browser to give up...alternatively is there a nice way to do this in the html?

Could you use IFrames?
<html>
<body>
<p> anything outside of the frame</p>
<iframe src="page_with_video.htm>
<p> Sorry you can't acess this</p>
</iframe>
</body>
</html>
and then you could just embed the videos on an external page, which should cause the page with the videos to load separately from the rest.

Related

Embedded video in html page won't load

I am currently working on a html assignment for a coding class, I'm trying to use Youtube to embed a video on my site, but when I do, the site will not load the page. Checking the dev tools, I find that the page is throwing errors talking about cookies, and that's far beyond my scope of knowledge at the moment.
What can I do to get the video to play?

How to post a video in an ifram to facebook? [duplicate]

When something is shared from youtube to facebook, facebook is now showing the youtube html5 player.
If you look up one of their urls (https://www.youtube.com/watch?v=uuS5ZyQhvsk) in the open graph debugger you can see that they are now providing open graph meta data for their html player as well as the flash one.
I also have a player that sits in an iframe, and am now including the same tags that youtube is, minus the flash ones as we don't have a flash player, but it isn't working and facebook is giving me this error which doesn't make sense:
Share has playable media but will not play inline because it would cause a mixed content warning if embedded. Add a secure_src or make the video src secure to fix this.
This is the information facebook is reading:
This is the url as an example that is generating that error: https://www.la1tv.co.uk/player/124/260
All I can think is that Facebook has made some kind of deal with youtube and this isn't available for everyone yet, but that isn't clear from that error.
All of the content on our site is served over https.
Anyone know what's going on or got this working?
I can't find any documentation anywhere on facebook how to do this.
I posted a similar question a while back when I was trying to get this working but at this time youtube was still only providing the flash player to facebook.
It looks like someone else was having a similar issue here.
According to WizKid this is currently in a trial period for YouTube and hopefully will be rolled out to everyone at a future date.

Is there any way to show vidoe file on web page for free?

Im looking for a plugin or any open source for showing video file on webpage. but there are sooooooo many things and I can't find different things between those.
I aleady know that HTML5 and web browser provide a way. Then why there are such many sites and companies ?
And can you give me any recommendation on open source or site or company or anything?
There are two approaches to show video on a web page:
Host video to some video streaming website like youtube etc..
Host it on your server.
Best way is to upload video to youtube and embed the same to your web page like:
<iframe width="420" height="315"
src="https://www.youtube.com/embed/XGSy3_Czz8k">
</iframe>
Alternatively if you want to host video on your server then there are multiple frameworks to do this:
media element js http://mediaelementjs.com/
videojs http://videojs.com/

Site or html page like youtube video directly from server

Ok i wanna do a simple question but i do not know if it comes also with a simple answer..
I will ask the simplest scenario that derives from this question... How can i "put" a video in a html page(site) from my pc or server that can be watched by everyone.
I dont want to embed a youtube video in the site but i want that video to be "embed" from my server or pc. What im actually asking is how to make a site like youtube(remove the part that users can upload videos) that has videos and are being "streamed"(i think thats the word) directly from youtube servers.
Given your file tree looks like this :
index.html -- The web page you're serving
media/
media/bunny.mp4 -- Your video file
media/bunny.jpg -- [optional] A cover picture while the use plays the video.
And in index.html
<video src="media/bunny.mp4" width="400" height="222" controls poster="media/bunny.jpg"></video>
But if you're searching for an alternative where the user can't download the file (and that is a requirement even Youtube doesn't fulfil), you can read this post HTML5 live streaming
Or simply use a ready solution like Plex Media Server

Embedding video player html5 iframe in facebook share like YouTube

When something is shared from youtube to facebook, facebook is now showing the youtube html5 player.
If you look up one of their urls (https://www.youtube.com/watch?v=uuS5ZyQhvsk) in the open graph debugger you can see that they are now providing open graph meta data for their html player as well as the flash one.
I also have a player that sits in an iframe, and am now including the same tags that youtube is, minus the flash ones as we don't have a flash player, but it isn't working and facebook is giving me this error which doesn't make sense:
Share has playable media but will not play inline because it would cause a mixed content warning if embedded. Add a secure_src or make the video src secure to fix this.
This is the information facebook is reading:
This is the url as an example that is generating that error: https://www.la1tv.co.uk/player/124/260
All I can think is that Facebook has made some kind of deal with youtube and this isn't available for everyone yet, but that isn't clear from that error.
All of the content on our site is served over https.
Anyone know what's going on or got this working?
I can't find any documentation anywhere on facebook how to do this.
I posted a similar question a while back when I was trying to get this working but at this time youtube was still only providing the flash player to facebook.
It looks like someone else was having a similar issue here.
According to WizKid this is currently in a trial period for YouTube and hopefully will be rolled out to everyone at a future date.