Script für Responsive Video-Einbettung z.B. für YouTube, Vimeo & dailymotion

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Script für Responsive Video-Einbettung z.B. für YouTube, Vimeo & dailymotion

    Hallo Freunde!
    Ich habe per Google ein Script gesucht, welches z.B. YouTube-Videos optimal an jedes Endgerät responsive anpasst.
    Da bin ich auf folgende Code-Schnippsel gestoßen. js scrip & css script wie folgt:

    JavaScript-Quellcode: JavaScript

    1. <script>
    2. jQuery(document).ready(function($) {
    3. 'use strict';
    4. // Gather all videos
    5. var $all_videos = $('body').find( 'iframe[src*="player.vimeo.com"], iframe[src*="youtube.com"], iframe[src*="youtube-nocookie.com"], iframe[src*="dailymotion.com"], iframe[src*="kickstarter.com"][src*="video.html"], object, embed' );
    6. $all_videos.not( 'object object' ).each( function() {
    7. var $video = $(this);
    8. if ( $video.parents( 'object' ).length )
    9. return;
    10. if ( ! $video.prop( 'id' ) ) $video.attr( 'id', 'rvw' + Math.floor( Math.random() * 999999 ) );
    11. $video.wrap( '<div class="video-container"></div>' )
    12. } );
    13. } );
    14. </script>
    Alles anzeigen

    und

    CSS-Quellcode: CSS

    1. .video-container { margin-bottom: 15px;overflow:hidden;padding-bottom:56.25%;position:relative;height:0; }
    2. .video-container iframe{left:0;top:0;height:100%;width:100%;position:absolute;}

    Ich bin keen Scriptler, darum meine Frage: Würde der auch in WS X5 funktionieren?
    Wenn nein: Geschenkt!
    Wenn ja: Wo und wie nutzt man den in WS X5?

    :rolleyes:
    [img]http://www.up.picr.de/26250988qm.jpg[/img]