Video Embed Test (Remote and Local)

[tpowell]

Create a demo page showing a video embed

Use arbitrary Youtube or Vimeo video. Per Gitbook this may simply be a copy paste effort. https://docs.gitbook.com/content-editing/embeds

Second we need to save a video to our repo and see if we can embed it directly ourselves. This may be just a matter of using a

[raafatdavid]

I start gathering information about the videos and videos plugins couple days ago, and now I have good amount of different plugins that I'll start work with and test. I think this will take me some time because I saw more than one way of doing it. Therefore, I'll try all of them and see which one will fit our needs.

[raafatdavid]

Prof Powell couple things for the video. I want to keep you update with the process

1. I was able to get the Google Drive video to work. I upload a video to my google drive and made the video public and I was able to make display in iframe.

2. I copied Youtube video link and paste it to the Testing Zone. It only shows the link it does not show it in iframe at all.

3. I made video dir locally and I saved video in it. After that I made a link to the video in Testing Zone. The only to play the video is opening the link in new tab otherwise the video does not show in iframe and when you click on the link it does not do anything.

4. I found couple plugins, and one of them is clamming to support over 1800 domains. This plugin should support a iframe and embed and all the hotness. The only way to be able to use is to get an API key which they offer for free or paid. If you want me to try it out, I can use/make an email to get an API key. The link for this plugin is https://github.com/1cgonza/gitbook-plugin-iframely#readme and their actual website is https://iframely.com/

5. The other plugin that does not need the API key is https://github.com/1cgonza/gitbook-plugin-noembed

So If you want me, I can go ahead and try both of them, and make little demo.

[tpowell]

my guess is this is a CORS issue or some other issue. The iframely folks which is a lame version of https://embed.ly/ I summarize are just using standard iframes and script with some headers maybe. If we look closely we can figure out how to do #3 on our own server or Gitbook if we want. We can discuss tomorrow some steps, but I think a good move would be putting it at Gitbook I have an account or Firebase hosting and then figure out what the header issue that keeps the movie from being embedded. It should be no problem once we isolate things and see what is keeping the load from happening.

On Sun, Jul 22, 2018 at 8:04 PM raafatdavid notifications@github.com wrote:

Prof Powell couple things for the video. I want to keep you update with the process

1.

I was able to get the Google Drive video to work. I upload a video to my google drive and made the video public and I was able to make display in iframe. 2.

I copied Youtube video link and paste it to the Testing Zone. It only shows the link it does not show it in iframe at all. 3.

I made video dir locally and I saved video in it. After that I made a link to the video in Testing Zone. The only to play the video is opening the link in new tab otherwise the video does not show in iframe and when you click on the link it does not do anything. 4.

I found couple plugins, and one of them is clamming to support over 1800 domains. This plugin should support a iframe and embed and all the hotness. The only way to be able to use is to get an API key which they offer for free or paid. If you want me to try it out, I can use/make an email to get an API key. The link for this plugin is https://github.com/1cgonza/gitbook-plugin-iframely#readme and their actual website is https://iframely.com/

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/IWT-Book/Book-Master/issues/5#issuecomment-406926063, or mute the thread https://github.com/notifications/unsubscribe-auth/AAhZ4gFrRjtFj94HiHNxmnZwYgkGRLgKks5uJT0mgaJpZM4VXQBV .

-- http://www.pint.com/

Thomas A. Powell

CEO

PINT, Inc.

P: (858) 270-2086 http://www.pint.com/contact?utm_source=Email%20Signature%20-%20phone%20number&utm_medium=Email&utm_campaign=Email%20Signature

E: tpowell@pint.com

www.pint.com http://www.pint.com/?utm_source=Email%20Signature%20-%20pint.com&utm_medium=Email&utm_campaign=Email%20Signature | Twitter http://twitter.com/pintsd | LinkedIn https://www.linkedin.com/in/thomasapowell

[raafatdavid]

I just got it to work. I used my the video dir and the video I saved there, and I was able to should in iframe. In fact, I even can play with the height, width, and controls attributes. I'll push it right now in case if you want to take a look at it.