Embedding video files in prototypes
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.
Starting in version 8.6, you can now embed local videos in your prototype using the Document widget.
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.
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>
(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.
Starting in version 8.6, you can now embed local videos in your prototype using the Document widget.
Replies have been locked on this page!