1. Hello Guest!

    Thank you for visiting the ClubRunner Community website, you can login using your ClubRunner account information by clicking the login link on the top of every page.
    Dismiss Notice

IFrame Properties-Advanced

Discussion in 'General' started by John Borst on Oct 4, 2019.

  1. John Borst

    By:John BorstOct 4, 2019
    Active Community Member
    Beta Tester

    Joined:
    Jun 25, 2018
    Messages:
    119
    Likes Received:
    32
    Gender:
    Male
    Occupation:
    Retired Education Administration and Teacher
    Location:
    Education - retired
    Currently I have inserted three videos in a three column widget. They are done by our cable supplier "Shaw TV" of our meeting speakers. I changed one. In doing so I went to "advanced properties and found three items:
    Advanced Id, Style, and Stylesheet classes. What are these, where do I find the information and what do they do?
    Also the one I just put in starts automatically. In your template you only put the videos URL so how do you turn off the auto-start.
     
  2. Zach

    By:ZachFeb 10, 2020
    Moderator
    ClubRunner Team

    Joined:
    Jun 5, 2017
    Messages:
    377
    Likes Received:
    60
    Gender:
    Male
    Occupation:
    Product Specialist
    Location:
    ClubRunner
    Hi John,

    Sorry for the late reply on this one, let me do my best to help on this matter.

    ID, Style, and Stylesheet classes are all related to CSS and to some extent javascript. ID lets you assign a unique tag to a specific element, so that you can do various things with javascript and CSS. Style is a way to pass css properties directly to your iframe, not requiring a class. Any valid CSS property for iframes should be good. Lastly, Stylesheet classes allow you to reuse existing CSS classes and have them apply to your iframe.

    These pages from the w3schools should help:
    https://www.w3schools.com/html/html_styles.asp
    https://www.w3schools.com/html/html_classes.asp
    https://www.w3schools.com/hTML/html_id.asp

    For the issue with AutoPlay, you would want to check any documentation or help from their site. Sometimes the auto-start can be part of the URL as a parameter. However, if there is only one video link and it always auto-plays you may not be able to disable that.

    When you use an iframe, you are adding content from a completely different website and having it show in yours. For things like YouTube, they normally make special pages with unique controls available for embedding. These additional parameters and controls that can be passed through the URL. Not all content providers are equal, and will provide the same controls!

    Good luck.
     
  3. John Borst

    By:John BorstFeb 11, 2020
    Active Community Member
    Beta Tester

    Joined:
    Jun 25, 2018
    Messages:
    119
    Likes Received:
    32
    Gender:
    Male
    Occupation:
    Retired Education Administration and Teacher
    Location:
    Education - retired
    Thanks, I had forgot about this inquiry.
     
    Zach likes this.
  4. Zach

    By:ZachFeb 12, 2020
    Moderator
    ClubRunner Team

    Joined:
    Jun 5, 2017
    Messages:
    377
    Likes Received:
    60
    Gender:
    Male
    Occupation:
    Product Specialist
    Location:
    ClubRunner
    It was my pleasure to help on this one John!
     
Top