Problem Embedding Vimeo Video, and a workaround Answered
In the Intro section of my first Instructable I have a Vimeo video embedded in it. I found that I could not get the video embedded with the normal editor. When I would go through the normal embedding process, the editor would show nothing where I embedded the video, both in the editor and in preview. I tried both giving it the full embed code (with <iFrame> tags) and just giving it the video URL.
The workaround is to use the new editor. In the new editor, I can embed the video, and the video shows up after I save. But if I click on the Edit button to enter the normal editor, the video is gone again.
Here are the 5 pieces of data you ask people to include in a bug report:
1. I'm running Windows 7 SP1 64-bit on a machine with an i7 processor and 8GB of RAM.
2. I'm using the Chrome browser, version 30.0.1599.101 m
3. The project I originally ran into this on is Old-School Arduino MIDI Sequencer, but I've created a simpler one to demonstrate the bug, called Bug #1.
4. Sorry, I didn't get screen shots
5. Steps to replicate:
a) Create a Step-By-Step Instructable
b) After giving it a title and a line of text, click on the filmstrip icon to embed a video
c) In the box that comes up, insert the following embed code:
<iframe src="//player.vimeo.com/video/78492158" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
The editor will show an iframe box. (I've tried several variations on the iframe embed code, and none of them worked for me, even the simplest one with just the source URL.)
d) Click the Save Now button. The iframe box is now gone.
e) Add some photos (so it will allow you to publish), and publish the Instructable. The video does not appear in it.
f) Click Edit, and you will see the video is gone.
g) Click Try The New Editor! and click on the Intro step.
h) Click on +Embed
i) In the dialog box that comes up enter:
Click on Preview, and then Embed. An iframe box will show in the editor.
j) Click on Save, and then view the Instructable. It will include the video, which works with no problems.
k) Click Edit. The standard editor does not show the iframe box. Click Save Now.
l) View the Instructable. The video is gone.