Upvote 2

Embedding video files in prototypes

Answered Victor Conesa 9 years ago

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.

Best Answer
photo

Starting in version 8.6, you can now embed local videos in your prototype using the Document widget.

cc351d20ba41c98e31e2a9935ab06fde


a7b36d4c55a52556e447d146816b4a77

Replies (3)
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>

photo
2

Starting in version 8.6, you can now embed local videos in your prototype using the Document widget.

cc351d20ba41c98e31e2a9935ab06fde


a7b36d4c55a52556e447d146816b4a77

Leave a Comment
 
Attach a file