Files
2024-11-11 18:46:54 +01:00

88 lines
3.0 KiB
HTML

<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/jquery-ui-git.js"></script>
<script type="text/javascript" src="includes/youtube.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet" href="includes/youtube.css" />
<div id="body">
<div id="youtube_container">
<div id="sidebar_right">
<div id="video_preview">
<img id="youtube_iframe" src="images/preview.jpg" title="Preview" />
</div>
<div id="size_controls">
<table cellpadding="5">
<tbody>
<tr>
<td class="form_label">
Width:
</td>
<td>
<input type="text" id="youtube_width" size="2" class="form-control" value="330" /> px
</td>
<td class="form_label extra_opts">
autoplay: <input type="checkbox" id="youtube_autoplay" /><label id="youtube_autoplay_label" for="youtube_autoplay">Off</label>
</td>
</tr>
<tr>
<td class="form_label">
Height:
</td>
<td>
<input type="text" id="youtube_height" size="2" class="form-control" value="230" /> px
</td>
<td class="form_label extra_opts">
rel: <input type="checkbox" id="youtube_rel" /><label id="youtube_rel_label" for="youtube_rel">Off</label>
</td>
</tr>
<tr>
<td class="form_label">
control:
</td>
<td>
<input type="checkbox" id="youtube_ctrl" /><label id="youtube_ctrl_label" for="youtube_ctrl">Off</label>
</td>
<td class="form_label extra_opts">
hide: <input type="checkbox" id="youtube_hide" /><label id="youtube_hide_label" for="youtube_hide">Off</label>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div style="clear:both;"></div>
<div>
<div style="float:left;">
<table cellpadding="10">
<tbody>
<tr>
<td class="form_label">
YouTube URL:
</td>
<td>
<input type="text" id="youtube_url" size="95" class="form-control" placeholder="YouTube Url..." />
</td>
</tr>
<tr>
<td class="form_label">
Title:
</td>
<td>
<input type="text" id="youtube_title" size="95" class="form-control" placeholder="Title..." />
</td>
</tr>
</tbody>
</table>
</div>
<div style="float:left;">
</div>
</div>
<div style="clear:both;"></div>
</div>
<div style="height: 5px;"></div>
<button id="youtube_cancel" class="btn-default">Cancel</button>
<button id="youtube_insert" class="btn-primary">Insert and Close</button>