Video einbinden

html.de-Forum JavaScript
1

Hallo Leute,

Ich komme bei einem Problem leider nicht weiter und habe nach langem Suchen auch nirgends etwas spezifisches zu diesem Problem gefunden.
Es geht darum das ich gerne durch Klick auf einen Button ein kleines Fenster öffnen möchte, in dem ein Video dargestellt wird.
So wie es auf dieser Seite zu sehen ist: http://demos.jquerymobile.com/1.4.0/popup-iframe/
Jedoch wenn ich diesen Code übernehme funktioniert es nicht so wie es dort dargestellt wird, sondern das video ist permanent eingeblendet und nicht erst durch Klick auf den Button.
Danke schon im Vorhinein für euer Bemühen und eure Antworten.

2

Link zu deiner Seite?

3

html Datei:

ClassicHandy 
<a href="#popupVideo" data-rel="popup" data-position-to="window" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">Launch video player</a>

javascript Datei:
// JavaScript Document

// popup examples
$( document ).on( „pagecreate“, function() {
// The window width and height are decreased by 30 to take the tolerance of 15 pixels at each side into account
function scale( width, height, padding, border ) {
var scrWidth = $( window ).width() - 30,
scrHeight = $( window ).height() - 30,
ifrPadding = 2 * padding,
ifrBorder = 2 * border,
ifrWidth = width + ifrPadding + ifrBorder,
ifrHeight = height + ifrPadding + ifrBorder,
h, w;
if ( ifrWidth < scrWidth && ifrHeight < scrHeight ) {
w = ifrWidth;
h = ifrHeight;
} else if ( ( ifrWidth / scrWidth ) > ( ifrHeight / scrHeight ) ) {
w = scrWidth;
h = ( scrWidth / ifrWidth ) * ifrHeight;
} else {
h = scrHeight;
w = ( scrHeight / ifrHeight ) * ifrWidth;
}
return {
‚width‘: w - ( ifrPadding + ifrBorder ),
‚height‘: h - ( ifrPadding + ifrBorder )
};
};
$( „.ui-popup iframe“ )
.attr( „width“, 0 )
.attr( „height“, „auto“ );
$( „#popupVideo“ ).on({
popupbeforeposition: function() {
// call our custom function scale() to get the width and height
var size = scale( 497, 298, 15, 1 ),
w = size.width,
h = size.height;
$( „#popupVideo iframe“ )
.attr( „width“, w )
.attr( „height“, h );
},
popupafterclose: function() {
$( „#popupVideo iframe“ )
.attr( „width“, 0 )
.attr( „height“, 0 );
}
});
});

css Datei:
@charset „UTF-8“;
/* CSS Document */

/* *************************** ALLGEMEINE FORMATIERUNG *******************************
*************************************************************************************/

iframe {
border: none;
}

Also so hab ich es jetzt stehen, habs 1:1 von dem Link in meiner Frage übernommen, jedoch wird bei mir kein Button (Launch Video Player) dargestellt und das Video wie gesagt nicht erst mit klick auf den Button in einem kleinen Fenster angezeigt. Und ich verstehe nicht wieso es auf deren Seite funktioniert und bei mir nicht.

4

Link zur Seite !== unformatierter Code.

Außerdem fehlen die Libs jQuery bz. jQuery UI. Wenn du einen Blick in die Konsole deines Browsers wirfst, wirst du die Fehlermeldungen sehen.

5

Habe ich hier schon beantwortet
http://www.forum-hilfe.de/threads/57546-Video-einbinden

6

Ich liebe diese Crossposter :mad::mad::mad::mad::mad::mad:

7

Moderation: Dann kann das Thema somit geschlossen werden.