1. This website uses cookies to improve service and provide a tailored user experience. By using this site, you agree to this use. See our Cookie Policy.
    Dismiss Notice

Need small HTML help | IFTTT workaround

Discussion in 'Programming' started by supermex, Nov 2, 2017.

  1. supermex

    supermex Jr. VIP Jr. VIP

    Joined:
    Nov 19, 2016
    Messages:
    1,277
    Likes Received:
    435
    Gender:
    Male
    Occupation:
    21, have my own company & Studying IT
    Location:
    Germany
    Home Page:
    I am using IFTTT, so every time I upload a video on YouTube IFTTT makes a new WordPress post embedding the video.
    That works fine, but the embedded video size is to small on the post.
    So this is the code that IFTTT generates:

    Code:
    <div style="width: 480px; height: 270px; overflow: hidden; position: relative;">
    <iframe frameborder="0" scrolling="no" seamless="seamless" webkitallowfullscreen="webkitAllowFullScreen" mozallowfullscreen="mozallowfullscreen"
    allowfullscreen="allowfullscreen" id="okplayer" width="480" height="270"
    src="http://youtube.com/embedcode" style="position: absolute; top: 0px; left: 0px; width:
    480px; height: 270px;"></iframe></div>
    I can’t modify this code on IFTTT, but I can add additional code "around it" (before/after). So is it possible to add some code to make the video width and height bigger?
    Would be cool if someone could help me there.
     
  2. asmss

    asmss Newbie

    Joined:
    Oct 6, 2017
    Messages:
    32
    Likes Received:
    11
    Gender:
    Male
    Occupation:
    Freelance
    Location:
    Estonia
    Hi supermex,

    add this to your CSS file:
    Code:
    div, iframe { width: 960px !important; height: 540px !important; }
    make sure, you grab the div by its parent element like .parent-class div {}
     
    • Thanks Thanks x 1
  3. RightFootFanatic

    RightFootFanatic Regular Member

    Joined:
    May 31, 2015
    Messages:
    445
    Likes Received:
    248
    Occupation:
    DevOps
    Location:
    Whimsyshire
    • Thanks Thanks x 1
  4. SkyDJ

    SkyDJ Registered Member

    Joined:
    Apr 18, 2017
    Messages:
    84
    Likes Received:
    14
    Gender:
    Male