-
All-in-one prototyping tool
-
Hi-fi prototypes for Websites & Web Apps
-
Create lifelike iOS & Android prototypes
-
Share and get feedback
-
Requirements management
-
Sketch, JIRA and more
Category
UI Libraries & Widgets
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.
The same question
Starting in version 8.6, you can now embed local videos in your prototype using the Document widget.
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.
(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>
Starting in version 8.6, you can now embed local videos in your prototype using the Document widget.
Comments have been locked on this page!