Embedding video files in prototypes

Marty DeAngelo shared this question 3 years ago
Answered

Has anyone tried embedding video file into a prototype? I have a local file I need to include and can't figure out how to embed it or how to tweak the exported HTML to include it.


I tried the HTML widget using a video element, but it didn't seem to work.

Comments (3)

photo
1

Hello Marty,


I'm afraid it is not possible to import a local video into JustInMind at this time. If you wish to do so, I would suggest first uploading the video to YouTube, then using the provided code snippet within an HTML widget to accomplish this.


Regards,


Luisa

photo
1

Okay - I think I have SOME of it solved. I had to save the file on the web, and used the following code:


>> !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml..."


>> html


>> head


>> meta http-equiv="Content-Type" content="text/html; charset=UTF-8"


>>/meta


>> style type="text/css"


* { border: 0px; padding: 0px; margin: 0px; outline: none; zoom: 1; }html { overflow: auto; }


>> /style


>> /head


>> body


>> iframe width="728" height="90" frameborder="0" src="http://martytdx.com/m/cubes_for_meeti..." type="video/mp4


>> /iframe


>> /body


>> /html


It shows up correctly from within the Prototyper, but when I simulate or export the HTML, it doesn't work.

photo
1

(sorry about the wonky code - it wasn't allowing me to put in the real code snippet.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">;


<html>


<head>


<title></title>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>


<style type="text/css">* { border: 0px; padding: 0px; margin: 0px; outline: none; zoom: 1; }html { overflow: auto; }</style>


</head>


<body>


<iframe width="728" height="90" frameborder="0" src="http://martytdx.com/m/cubes_for_meeting.mov"; type="video/mp4></iframe>


</body>


</html>