User Tag List

Results 1 to 7 of 7

Thread: HTML/PHP/Coding Help

  1. #1
    Custom User Title phonics's Avatar
    Join Date
    Aug 2015
    Posts
    18,268
    Mentioned
    119 Post(s)
    Tagged
    0 Thread(s)

    HTML/PHP/Coding Help

    So I'm trying to make it so we can embed gifv's and webm's and stuff but I can't get it to load the gifv player.

    Here's what I have from stealing from other websites:

    Code:
    [gifv]DGLfkZg[/gifv]
    converts to

    Code:
    <video poster="//i.imgur.com/DGLfkZg.jpg" preload="auto" autoplay="autoplay" muted="muted" loop="loop" webkit-playsinline="" style="max-width: 100%; height: auto;">  <source src="//i.imgur.com/DGLfkZg.webm" type="video/webm">
      <source src="//i.imgur.com/DGLfkZg.mp4" type="video/mp4"> </video>
    So that should interpret the code and turn it into a displayable gif. However, I don't understand quite how {params} work on vBulletin as in CSS normally I'd title them myself and then say if this title do that but I'm not sure that's how vBulletin works.

    If we look at something simple like Strikethrough it's simply

    Code:
    <span style="text-decoration: line-through;">{param}</span>
    so surely the correct code is just

    Code:
    <video poster="//i.imgur.com/{param}.jpg" preload="auto" autoplay="autoplay" muted="muted" loop="loop" webkit-playsinline="" style="max-width: 100%; height: auto;">  <source src="//i.imgur.com/{param}.webm" type="video/webm">
      <source src="//i.imgur.com/{param}.mp4" type="video/mp4"> </video>
    But I can't get that to work.

    Any tips? @SvN @Raoul Duke

    edit: Found this bit. Any clue what the diff between {option} and {param} is? I don't know PHP.

    Replacement: This is the HTML code for the BB code replacement. Make sure that you include '{param}' (without the quotes) to insert the text between the opening and closing BB code tags, and '{option}' for the parameter within the BB code tag. You can only use {option} if 'Use Option' is set to yes.
    e.g. you would use <b>{param}</b> for tags, <a href="{option}">{param}</a> for [url=xxx] . You will always use '{param}', but you will only use '{option}' when "Use Option?" is "yes". Note that '{relpath}' can be used in replacement code to signify the path of the current page. e.g. <a href="{relpath}#{option}">{param}</a>

    edit2: [gifv]zvATqgs[/gifv]

    edit3: Not a scooby doo.

    edit4: I forgot to close "param" in quotes and now I can get the video player to load but not the video. BASTARDS.

  2. #2
    Administrator SvN's Avatar
    Join Date
    Sep 2015
    Posts
    6,595
    Mentioned
    89 Post(s)
    Tagged
    0 Thread(s)
    I'll take a look in the admin panel if you want. Just let me know when you're not editing stuff so we're not making conflicting edits.

  3. #3
    Custom User Title phonics's Avatar
    Join Date
    Aug 2015
    Posts
    18,268
    Mentioned
    119 Post(s)
    Tagged
    0 Thread(s)
    I'm not doing anything atm. I've left it in the BBCode functionality in case.

  4. #4
    Administrator SvN's Avatar
    Join Date
    Sep 2015
    Posts
    6,595
    Mentioned
    89 Post(s)
    Tagged
    0 Thread(s)
    Done

  5. #5
    Senior Member
    Join Date
    Sep 2015
    Posts
    2,808
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Nice.

  6. #6
    Custom User Title phonics's Avatar
    Join Date
    Aug 2015
    Posts
    18,268
    Mentioned
    119 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by SvN View Post
    Done
    What did you do out of interest?


    Test

    [gifv]ybsvC9m[/gifv]

    edit2: Now do you think there's a way we can do the same for gyfcat?

    edit3: I just copy/pasted the gifv one and redirected through gyfcat.com

    test

    [gyfcat]MixedBowedBelugawhale[/gyfcat]

    edit4: lame

    edit5: WebM test

    [gifv]KEVkAWf[/gifv]

    lame

  7. #7
    Administrator SvN's Avatar
    Join Date
    Sep 2015
    Posts
    6,595
    Mentioned
    89 Post(s)
    Tagged
    0 Thread(s)
    Should be working now

Posting Permissions

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