Announcement

Collapse
No announcement yet.

TikTok BBCode

Collapse
This is a sticky topic.
X
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Free Mod TikTok BBCode

    Here's how to create a BB Code to embed TikTok videos in a forum post.

    Go to AdminCP > Custom BB Codes > Add New BB Code and enter the following information:

    Title: TikTok
    BB Code Tag Name: tiktok
    Replacement:
    HTML Code:
    <blockquote class="tiktok-embed" data-video-id="{param}" style="max-width: 605px;min-width: 325px; margin: 1em 0;"><section></section></blockquote><script async src="https://www.tiktok.com/embed.js"></script>
    Example: [tiktok]12345678901234567890[/tiktok] (this is the TikTok Video ID)
    Use {option}: No
    Button Image (Optional): (specify image path if you want a new button for this BBCode to appear in the editor)
    Remove Tag If Empty: Yes
    Rest of Options: No

    To get the TikTok Video ID, click the Copy Link in the TikTok post, The copied link has this format:

    https://www.tiktok.com/@user/video/<VideoID>

    Copy just the Video ID part. The Video ID consists a bunch of some pattern of digits.
    Last edited by glennrocksvb; 03-02-2022, 01:31 PM.

    #2
    Awesome. Thanks man. Having you back is starting to give me hope again. lol

    Comment


      #3
      Originally posted by glennrocksvb View Post
      Here's how to create a BB Code to embed TikTok videos in a forum post.

      Go to AdminCP > Custom BB Codes > Add New BB Code and enter the following information:

      Title: TikTok
      BB Code Tag Name: tiktok
      Replacement:
      HTML Code:
      <blockquote class="tiktok-embed" data-video-id="{param}" style="max-width: 605px;min-width: 325px; margin: 1em 0;"><section></section></blockquote><script async src="https://www.tiktok.com/embed.js"></script>
      Example: [tiktok]12345678901234567890[/tiktok] (this is the TikTok Video ID)
      Use {option}: No
      Button Image (Optional): (specify image path if you want a new button for this BBCode to appear in the editor)
      Remove Tag If Empty: Yes
      Rest of Options: No

      To get the TikTok Video ID, click the Copy Link in the TikTok post, The copied link has this format:

      https://www.tiktok.com/@user/video/<VideoID>

      Copy just the Video ID part. The Video ID consists a bunch of some pattern of digits.
      Hello Glenn. I am writing you because I am having trouble trying to get my TikTok mod to work correctly. Every time I try to do it in my post, I get a bordered screen saying video currently unavailable.

      Can you help me fix this? Everything else is running great.

      Comment


        #4
        Are you using the correct Tiktok Video ID when using it in the BBCode tag? I need to see the post with the Tiktok BBCode in order for me to see what's wrong.

        Comment


          #5
          Originally posted by glennrocksvb View Post
          Are you using the correct Tiktok Video ID when using it in the BBCode tag? Tiktok BBCode in order for me to see what's wrong.
          Hey Glenn. Nevermind, I got it to work. Thanks for your help though.

          Comment


          • glennrocksvb
            glennrocksvb commented
            Editing a comment
            Glad you figured it out.

          #6
          Does this work with vB 4.2.6?

          Comment


            #7
            weiind, I haven't tested it in vB4 but you can try it. BBCode has not changed much in vB5/6 compared to vB4.

            Comment


              #8
              I have added the bbcode but when I used it to add tiktok video in a post it shows up blank..

              Comment


                #9
                Could you post a link?

                Comment


                  #10
                  Originally posted by glennrocksvb View Post
                  Could you post a link?
                  Don't bother. Its actually working. I forgot, the brower I used had adblocker which blocks social media too..

                  Comment


                    #11
                    Glad to hear it's working in vB4.

                    Comment


                      #12
                      Thanks for the code Glenn. I installed it and it kinda works, the tiktok shows but there's a large white border on each side. Is it normal? can i make these borders disappear?

                      Edit: it only does it on Desktop version, on smartphone it works as intended.

                      Click image for larger version  Name:	tiktok-test.jpg Views:	0 Size:	56.5 KB ID:	30158

                      Comment


                        #13
                        The embed code in Tiktok itself says to use max-width: 605px. That width of the content causes the extra whitespace. If you want to remove it, try using max-width: 325px. I'm not sure though what will happen on larger mobile phones where screen is wider than 325px.

                        Comment


                          #14
                          Originally posted by glennrocksvb View Post
                          The embed code in Tiktok itself says to use max-width: 605px. That width of the content causes the extra whitespace. If you want to remove it, try using max-width: 325px. I'm not sure though what will happen on larger mobile phones where screen is wider than 325px.
                          Thanks so much, it corrected the issue!

                          Comment


                            #15
                            Many thanks for this. Can confirm this also works on V4.1.1

                            Comment


                            • glennrocksvb
                              glennrocksvb commented
                              Editing a comment
                              Thanks for confirming this BBCode also works on vB4. I think the BBCode system in vB5 and vB6 has not changed from vB4 (or probably even from vB3?)

                          Latest Posts

                          Collapse

                          Working...
                          X
                          Searching...Please wait.
                          An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

                          Please push the back button and reload the previous window.'
                          An unexpected error was returned: 'Your submission could not be processed because the token has expired.

                          Please push the back button and reload the previous window.'
                          An internal error has occurred and the module cannot be displayed.
                          There are no results that meet this criteria.
                          Search Result for "|||"