it-swarm.com.de

So schließen Sie ein benutzerdefiniertes Feld an, das auf die Größe des Containers reagiert und auf das Sie reagieren

Ich verwende Magic Fields 2, um benutzerdefinierte Felder/Meta-Boxen hinzuzufügen.

In einem benutzerdefinierten Feld wird eine Vimeo- oder YouTube-Video-URL angezeigt.

Der folgende Code enthält die Video-URL :

<?php if (!((get_post_meta($post->ID, 'video_url', TRUE))=='')) {
    echo wp_oembed_get( get_post_meta($post->ID, "video_url", true) );
}?>

Um die Größe des Videos zu ändern, habe ich den Code in <div class="video"> eingefügt und die Größe mit CSS - .video iframe {width:500px;height:312px} geändert.

Das Problem, diese Methode reagiert nicht.

Ich habe auch versucht, .video iframe {width:95%;height:95%}. Diese Ausgabe sieht aus wie -

enter image description here

Das Fluid Video Embeds-Plugin scheint die Arbeit für oEmbeds mit der normalen WordPress-Methode und über den Shortcode zu erledigen, jedoch ohne ein benutzerdefiniertes Feld zu verwenden.

3
Travis Pflanz

Ich habe die Aufgabe mit fitvids.js abgeschlossen, indem ich das Plugin FitVids für WordPress verwendet habe.

Chris Coyier beschreibt die Integration mit WordPress in seinem Screencast FitVids.js in WordPress integrieren ( auf YouTube ).

Mein benutzerdefinierter Feldname ist video_url. Ich habe den folgenden Code in meiner Vorlage verwendet:

<?php if (!((get_post_meta($post->ID, 'video_url', TRUE))=='')) {
    echo wp_oembed_get( get_post_meta($post->ID, "video_url", true) );
}?>

Geben Sie in den Einstellungen von FitVids für WordPress einfach die enthaltene div-Klasse oder ID ein, die die maximale Breite des Videos darstellt.

enter image description here

Wenn Sie FitVids.js in einen WordPress-Screencast integrieren möchten, erfahren Sie, wie Sie das Thema auf jQuery und die richtige CSS-Auswahl überprüfen.

2
Travis Pflanz