Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

<div onclick="insertMyVideoTag()" class="xob_icon_cont"><img alt="[video][/video]" title="[video][/video]" class="xob_icon" src="//img.homepagemodules.de/ds/static/gaia/movie.png"></div>
 

[videobox={{videobreite}},{{videohoehe}}]
...
[/videobox]
 

<span class="convert_youtube"><iframe allowfullscreen width="{{videobreite}}" height="{{videohoehe}}" style="max-width:900px; max-height:700px;padding: 12px 6px; border: 1px groove rgb(86, 86, 86); border-radius: 4px; box-shadow: rgb(92, 92, 92) 3px 3px 3px;" frameborder="0" src="
...
"></iframe></span>
 

https://img.homepagemodules.de/ds/static/gaia/movie.png
 

Reihenfolge: 1
 

<link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
<style type="text/css">
.ui-dialog {
width:auto  !important;
border:1px solid #000000;
z-index:99999 !important;
text-align:left;
}
.ui-dialog input, .ui-dialog textarea {
font-size:14px !important;
padding:2px 5px;
outline: 0 none;
}
.ui-dialog input[type="text"] {
width:93%;
}
.ui-dialog input[type="button"] {
padding:2px 10px;
cursor:pointer;
font-size:14px !important;
width:auto;
}
.ui-dialog input:focus, .ui-dialog textarea:focus {
background-color:#cccccc;
color:#383838;
}
.ui-dialog input:hover, .ui-dialog textarea:hover  {
background-color:#eeeeee;
color:#383838;
}
.ui-dialog-titlebar {
background:#444444 !important;
border:none !important;
font-size:15px;
color:#ffffff;
}
.ui-dialog-content {
margin-top:3px;
background:#dddddd !important;
border-radius:4px;
overflow:hidden !important;
}
.ui-state-hover:hover {
border-radius:5px !important;
background:#ffffff !important;
border:none !important;
}
.ui-widget-overlay {
z-index:9999 !important;
}
 
.myText {
height:auto;
background:#ffffff;
border-radius:5px;
padding:5px 5px 5px 20px;
font-size:13px;
color:#000000;
}
</style>
 
<script type='text/javascript' src='//code.jquery.com/ui/1.12.0/jquery-ui.min.js'></script> 
<script type='text/javascript'>
 
var dialog;
 
//Video
function insertMyVideoTag(){ 
if(!$("#addMyVideo").length){
dialog = $(`<div id="addMyVideo">
 
<ul class="myText">
<li>Geben Sie die Adresse für das Video ein, z.B.:
<br>"https://www.youtube.com/watch?v=bGJOmGL6mYM" 
<br>"https://www.youtube.com/embed/bGJOmGL6mYM" 
<br>"https://youtu.be/bGJOmGL6mYM"</li>
<li>Ändern Sie gegebenfalls die Größe des Videos!<br></li>
<li>Oder klicken Sie einfach auf "Video einfügen"!</li>
</ul>
 
<br>
Adresse:<br><input class="gotovideo" value="" type="text"><br><br>
Breite: <input id="gotovideobreite" value="360px" type="text" style="text-align:center;width:60px;margin-right:10px;"> 
Höhe: <input id="gotovideohoehe" value="200px" type="text" style="text-align:center;width:60px;margin-right:10px;"> 
Autoplay: <input type="checkbox" class="checkbox" onclick=\'$(".myCheckbox_videoplay_toggle").toggle();\'>  
 
<br><br><br>
<input class="myCheckbox_videoplay_toggle" id="insertvideo" type="button" value="Video einfügen" onclick=\'xob_insert("[videobox="+$("#gotovideobreite").val()+","+$("#gotovideohoehe").val()+"]",""+$(".gotovideo").val()+"[/videobox]");$("#addMyVideo").dialog("close");\'>
 
<input style="display:none;" class="myCheckbox_videoplay_toggle" id="insertvideo" type="button" value="Video einfügen" onclick=\'xob_insert("[videobox="+$("#gotovideobreite").val()+","+$("#gotovideohoehe").val()+"]",""+$(".gotovideo").val()+"?autoplay=1&mute=1[/videobox]");$("#addMyVideo").dialog("close");\'> 
 
<input type="button" value="Abbrechen" onclick=\'$("#addMyVideo").dialog("close");\'>
 
<br><br></div>`).appendTo("body").dialog({title:"Video einbinden",resizable: false,});
} else{
$("#addMyVideo").dialog("open");
} 
}
</script>
 
<script>
$(document).ready(function(){
$('.convert_youtube,.embed-responsive').html(function(index, link) {
return link.replace("/watch?v=", "/embed/").replace("youtu.be/" , "www.youtube.com/embed/");
});
});
</script>