
The different between the first and second example is that the first works within the HTML page and can be resized, whereas the second would redirect you to OneDrive to make the video work. (here's a picutre of how it supposed to look like) However it is still buggy and slow to use compared with the method I show below. Microsoft has fixed this issue and the iframe method now works.

However, on my own pc (windows), for some reason it worked perfectly. OneDrive does provide an "Embed" option that generates HTML tags with the video inside, but for me, for some reason the video controls are messed up, the video would not resize properly with the width attribute, and this only happened when I post the website on my server. At the same time, I want my video to play from within the blog and not be redirected to OneDrive website.

Since I have 1TB of unused space on OneDrive, it seemed logical for me to put it to use and host my big video file on it. In my last post I have been struggling with embedding videos into my blog from my OneDrive account.
