Hi there,

I am very new with inkscape and I have quite naive question.
I have made a complete presentation on inkscape using jessyink. The extension is working well except I can not play the video in my Firefox browser by dredging the svg file to Firefox. I am just want to emphasis that when I am dragging the video file (webm) alone it is working well though I don’t think that the problem is in my Firefox settings.

Thanks In advance,

Hello,

First of all I'm NOT an expert. I've also used Jessyink as a normal user. And also noted that I couldn't attach videos to presentations.

but anyway:

Could you share your file presentation?

More information:

- Jessyink uses javascrpit and svg to perform the presentations. Maybe if you shows the code, some javascript expert could help.
- The extension seems like old. I don't see any recent updates. However, I see that you can ask or show bugs here:
https://launchpad.net/jessyink/
- Firefox and Internet have changed. So some javascript functions doesn't work anymore.

There is also Prezi, but the installation procedure for windows... it scares me!
http://sozi.baierouge.fr/pages/install-windows.html

If you find the solution, please share with us
Greetings

Since my presentation is made for academia and the details are confidential I could not upload the presentation file. However, I have attached an example file contain a video from my presentation, for anybody that could assist me with this issue.

Hello,
Sorry for the late answer.

I'm sorry but I can't give a quick answer, because I believe it's a complex problem, which involves javascript and advanced SVG features.

I'm sharing what I've found here, if you are still interested, and if any other is interested or have something else to add.
It's possible embed a video in a SVG file. Jessyink does that using javascript. But that programing part I'm still "investigating it".

Just with SVG code is possible to show a video, usign the "foreignObject" labels.

I made this test file, that it's made of pieces of other code found on the internet, some graphic edition on Inkscape, etc. The "foreignObject" is at the end, and you can see that they have other special attributes and elements in order to start to work:



So far, is what i have related to that problem.
I've tested in firefox and it works. In Chrome, the video screen doesn't appear.

Greetings

Thank very much for the code,
Unfortunately I don't have any coding skills and I have no idea how to embedded the code you wrote in the original presentation.

I've been thinking in this problem, and exerimenting some things.
I've found a couple of things.
- The video may not appear because it is located outside of the area of the slide. At the moment of making the slides, some transformations are performed that may misalign the screen of the video. So it's good to put some shape with the video, just to see how the video is located in the webbrowser.
- The other is the location of the file of the video in your local system.
--If the video-file is located in the same directory of your SVG-presentation it's not neccesary to put a big route. In my case I only need to put:

-- If the video it's located in other place of the directory system, even as a sub-directory where the svg-presentation, it's neccesary to put the entire path of the file, like:


-- I've done those tests in my system, which is win7. Can I ask what is your system ( windows, Linux, Mac OS)?

About the code i post, the important part is this:


After making your presentation in Inkscape, open it with a text editor. Locate the place where you put the text with the location of your video file. I recomend (but may be wrong), paste the code after the text label : , that must appear

But before doing this operation, first see if just aligning the video, or writing properly the path to the file, you can solve your problem



Greetings

Thanks again,
I have created 3 slides presentation test file, adjust the file size and the result was that the video file is visible in the browser but the problem now is that it is not start playing upon mouse click or automatically. It will start on left click only if the slide will be the last slide of the presentation. however, if there is a slide after the video slide the video can not be played.

You can find the find example test presentation containing video, the file of 3 slides while the second slide include the video.
P.s.
I am using Mac osx 10.9.4

Hello
About the mouse see here:
https://code.google.com/p/jessyink/wiki/VideoElement

Note that, during the presentation, you have to right click the video and select "play" from the context menu to start playing the movie. Since this triggers a click on the slide, it is recommended that you install the no-click mouse handler to avoid that effects or transitions interfere.

So, try to go to: Extensions >> jessyink >> Mouse Handler >> Select "No-click"
In this way, you can go to the next slide with the arrow keys. When you get the video, use the mouse, right click, run the video. I think it's the easiest way to handle this problem. It's possible to add code, or maybe a CSS stylesheet, in order the controls appear in the video, nowadays, "it's complicate the living".

... Maybe in Mac OS is diferent but, I insist, if you have your video in the same directory of your SVG presentation, you can put :

Or maybe it doesnt work?

Cheers,
It is working perfectly fine now.
Thank you so much for the help.
Now I feel much more comfortable using Inkscape and jessyink.

Good day