+ <fieldset id="video_options">\r
+ <legend>{#media_dlg.html5_video_options}</legend>\r
+\r
+ <table role="presentation">\r
+ <tr>\r
+ <td><label for="video_altsource1">{#media_dlg.altsource1}</label></td>\r
+ <td>\r
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">\r
+ <tr>\r
+ <td><input type="text" id="video_altsource1" name="video_altsource1" onchange="Media.formToData();" style="width: 240px" /></td>\r
+ <td id="video_altsource1_filebrowser"> </td>\r
+ </tr>\r
+ </table>\r
+ </td>\r
+ </tr>\r
+\r
+ <tr>\r
+ <td><label for="video_altsource2">{#media_dlg.altsource2}</label></td>\r
+ <td>\r
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">\r
+ <tr>\r
+ <td><input type="text" id="video_altsource2" name="video_altsource2" onchange="Media.formToData();" style="width: 240px" /></td>\r
+ <td id="video_altsource2_filebrowser"> </td>\r
+ </tr>\r
+ </table>\r
+ </td>\r
+ </tr>\r
+\r
+ <tr>\r
+ <td><label for="video_poster">{#media_dlg.poster}</label></td>\r
+ <td>\r
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">\r
+ <tr>\r
+ <td><input type="text" id="video_poster" name="video_poster" onchange="Media.formToData();" style="width: 240px" /></td>\r
+ <td id="video_poster_filebrowser"> </td>\r
+ </tr>\r
+ </table>\r
+ </td>\r
+ </tr>\r
+\r
+ <tr>\r
+ <td><label for="video_preload">{#media_dlg.preload}</label></td>\r
+ <td>\r
+ <select id="video_preload" name="video_preload" onchange="Media.formToData();">\r
+ <option value="none">{#media_dlg.preload_none}</option> \r
+ <option value="metadata">{#media_dlg.preload_metadata}</option>\r
+ <option value="auto">{#media_dlg.preload_auto}</option>\r
+ </select>\r
+ </td>\r
+ </tr>\r
+ </table>\r
+\r
+ <table role="presentation" border="0" cellpadding="4" cellspacing="0">\r
+ <tr>\r
+ <td>\r
+ <table role="presentation" border="0" cellpadding="0" cellspacing="0">\r
+ <tr>\r
+ <td><input type="checkbox" class="checkbox" id="video_autoplay" name="video_autoplay" onchange="Media.formToData();" /></td>\r
+ <td><label for="video_autoplay">{#media_dlg.play}</label></td>\r
+ </tr>\r
+ </table>\r
+ </td>\r
+\r
+ <td>\r
+ <table role="presentation" border="0" cellpadding="0" cellspacing="0">\r
+ <tr>\r
+ <td><input type="checkbox" class="checkbox" id="video_muted" name="video_muted" onchange="Media.formToData();" /></td>\r
+ <td><label for="video_muted">{#media_dlg.mute}</label></td>\r
+ </tr>\r
+ </table>\r
+ </td>\r
+\r
+ <td>\r
+ <table role="presentation" border="0" cellpadding="0" cellspacing="0">\r
+ <tr>\r
+ <td><input type="checkbox" class="checkbox" id="video_loop" name="video_loop" onchange="Media.formToData();" /></td>\r
+ <td><label for="video_loop">{#media_dlg.loop}</label></td>\r
+ </tr>\r
+ </table>\r
+ </td>\r
+\r
+ <td>\r
+ <table role="presentation" border="0" cellpadding="0" cellspacing="0">\r
+ <tr>\r
+ <td><input type="checkbox" class="checkbox" id="video_controls" name="video_controls" onchange="Media.formToData();" /></td>\r
+ <td><label for="video_controls">{#media_dlg.controls}</label></td>\r
+ </tr>\r
+ </table>\r
+ </td>\r
+ </tr>\r
+ </table>\r
+ </fieldset>\r
+\r
+ <fieldset id="audio_options">\r
+ <legend>{#media_dlg.html5_audio_options}</legend>\r
+\r
+ <table role="presentation">\r
+ <tr>\r
+ <td><label for="audio_altsource1">{#media_dlg.altsource1}</label></td>\r
+ <td>\r
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">\r
+ <tr>\r
+ <td><input type="text" id="audio_altsource1" name="audio_altsource1" onchange="Media.formToData();" style="width: 240px" /></td>\r
+ <td id="audio_altsource1_filebrowser"> </td>\r
+ </tr>\r
+ </table>\r
+ </td>\r
+ </tr>\r
+\r
+ <tr>\r
+ <td><label for="audio_altsource2">{#media_dlg.altsource2}</label></td>\r
+ <td>\r
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">\r
+ <tr>\r
+ <td><input type="text" id="audio_altsource2" name="audio_altsource2" onchange="Media.formToData();" style="width: 240px" /></td>\r
+ <td id="audio_altsource2_filebrowser"> </td>\r
+ </tr>\r
+ </table>\r
+ </td>\r
+ </tr>\r
+\r
+ <tr>\r
+ <td><label for="audio_preload">{#media_dlg.preload}</label></td>\r
+ <td>\r
+ <select id="audio_preload" name="audio_preload" onchange="Media.formToData();">\r
+ <option value="none">{#media_dlg.preload_none}</option> \r
+ <option value="metadata">{#media_dlg.preload_metadata}</option>\r
+ <option value="auto">{#media_dlg.preload_auto}</option>\r
+ </select>\r
+ </td>\r
+ </tr>\r
+ </table>\r
+\r
+ <table role="presentation" border="0" cellpadding="4" cellspacing="0">\r
+ <tr>\r
+ <td>\r
+ <table role="presentation" border="0" cellpadding="0" cellspacing="0">\r
+ <tr>\r
+ <td><input type="checkbox" class="checkbox" id="audio_autoplay" name="audio_autoplay" onchange="Media.formToData();" /></td>\r
+ <td><label for="audio_autoplay">{#media_dlg.play}</label></td>\r
+ </tr>\r
+ </table>\r
+ </td>\r
+\r
+ <td>\r
+ <table role="presentation" border="0" cellpadding="0" cellspacing="0">\r
+ <tr>\r
+ <td><input type="checkbox" class="checkbox" id="audio_loop" name="audio_loop" onchange="Media.formToData();" /></td>\r
+ <td><label for="audio_loop">{#media_dlg.loop}</label></td>\r
+ </tr>\r
+ </table>\r
+ </td>\r
+\r
+ <td>\r
+ <table role="presentation" border="0" cellpadding="0" cellspacing="0">\r
+ <tr>\r
+ <td><input type="checkbox" class="checkbox" id="audio_controls" name="audio_controls" onchange="Media.formToData();" /></td>\r
+ <td><label for="audio_controls">{#media_dlg.controls}</label></td>\r
+ </tr>\r
+ </table>\r
+ </td>\r
+ </tr>\r
+ </table>\r
+ </fieldset>\r
+\r
+\r