Results 1 to 7 of 7

Thread: Responsive video (YouTube element)

  1. #1
    Gesperrt
    Join Date
    06-11-18.
    Posts
    1

    Default Responsive video (YouTube element)

    Hi, I'm so surprised to find out that the YouTube element isn't responsive – or am I missing something?

    Is there a tested and working solution for using the YouTube element that will so that

    • the specified width and height will be the maximum size the video displays at
    • the video will scale down if the available space is smaller than the specified size

    (I must say that my PHP knowledge is non-existent)

    Thank you for any pointers!

  2. #2
    User Andreas's Avatar
    Join Date
    07-11-09.
    Location
    Mönchengladbach
    Posts
    484

    Default

    Which Contao version are you on? In Contao 3.5 use the extension youtube_iframe. In Contao 4 this is build on. In the settings you can use e.g. 16 for width and 9 for height so that the video gets a fixed aspect ratio off 16/9 on all viewport dimensions. In the layout section there is a checkbox to include a small CSS file that handles the responsiveness (this CSS will be moved to other Contao CSS files in newer Contao versions).

    Also take a look at https://github.com/friends-of-contao/contao-privacy if you want to build the youtube iframe not untill the user clicks on a preview image.
    Web-Development, Freelancer, Burgtech, XHTML, HTML5, CSS, PHP, Javascript, MooTools, MySQL and more
    Amazon wishlist

  3. #3
    User Spooky's Avatar
    Join Date
    01-03-13.
    Posts
    331

    Default

    To clarify: the responsive stylesheet of the youtube_iframe extension is not built into Contao 4. You can still install the youtube_iframe extension in Contao 4 to get that functionality.

  4. #4
    User Andreas's Avatar
    Join Date
    07-11-09.
    Location
    Mönchengladbach
    Posts
    484

    Default

    @Spooky: Ich dachte immer, dass deine youtube_iframe in Contao 4 aufgenommen wurde. Ist dem nicht so? Und dann gab es doch letztens ein Ticket, wo man den Haken aus dem Layout enfernen wollte und dein CSS aus youtube_iframe in die responsive.css von Contao 4 packen wollte. Jetzt bin ich total verunsichert und weiß gar nicht mehr, was denn Sache ist. Kannst du da kurz aufklären bitte?
    Web-Development, Freelancer, Burgtech, XHTML, HTML5, CSS, PHP, Javascript, MooTools, MySQL and more
    Amazon wishlist

  5. #5
    User Spooky's Avatar
    Join Date
    01-03-13.
    Posts
    331

    Default

    Quote Originally Posted by Andreas View Post
    @Spooky: Ich dachte immer, dass deine youtube_iframe in Contao 4 aufgenommen wurde. Ist dem nicht so?
    Nur der Teil, womit man die verschiedenen Parameter auswählen kann.



    Quote Originally Posted by Andreas View Post
    Und dann gab es doch letztens ein Ticket, wo man den Haken aus dem Layout enfernen wollte und dein CSS aus youtube_iframe in die responsive.css von Contao 4 packen wollte.
    Also davon weiß ich nichts

  6. #6
    User Andreas's Avatar
    Join Date
    07-11-09.
    Location
    Mönchengladbach
    Posts
    484

    Default

    Quote Originally Posted by Spooky View Post
    Nur der Teil, womit man die verschiedenen Parameter auswählen kann.
    Und doch auch das Template, oder? Damit wäre es ja dann deine Erweiterung
    Quote Originally Posted by Spooky View Post
    Also davon weiß ich nichts
    Siehe hier: https://github.com/contao/core-bundl...ment-396295472
    Web-Development, Freelancer, Burgtech, XHTML, HTML5, CSS, PHP, Javascript, MooTools, MySQL and more
    Amazon wishlist

  7. #7
    User Spooky's Avatar
    Join Date
    01-03-13.
    Posts
    331

    Default

    Ja stimmt, das ist aber der PR von Nicky mit erweiterten Funktionen. Kommt wenn dann in 4.6 oder 4.7.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •