Hello --
Anyone have a good method with HTML code to embed a TikTok video ?

I have it currently as a link, but an embedded video would be better.

And if you want a laugh: click here for the video
https://www.tiktok.com/@makeshift.macaroni/video/6811322581883440390

An original song about the effects of Shelter-in-Place self-quarantine on a music teacher.
Only 28 seconds long, and, yes, it is funny. But you must watch it to the ending!

Well you can make an iframe and put this code there. Vary height/width to whater you want. you can also center if smaller.

<iframe src="https://v19.muscdn.com/ebc846fff7c6337cbd6bf87615f6ff34/5e9ce147/video/tos/useast2a/tos-useast2a-pve-0068/ad356a8a96714c40a13a4a90f91a26c3/?a=1233&br=1768&bt=884&cr=0&cs=0&dr=0&ds=3&er=&l=202004191739240101890710150E0AA486&lr=tiktok_m&qs=0&rc=M2pwdWpxd2xkdDMzNzczM0ApZTM7NTo6ZTxmNzUzOGk4M2dhc2RhbjRfbzBfLS1jMTZzczVhXjMyMGMtLmJeX18zYTU6Yw%3D%3D&vl=&vr=" height="600px"></iframe>

Thank you, Jack !

When I use this code:
<p><iframe height="600px" src="https://www.tiktok.com/@makeshift.macaroni/video/6811322581883440390">></iframe></p>

I get:
www.tiktok.com refused to connect.

Any clues?
What is the "src="https://v19.muscdn.com/ebc846fff...." in your code... is that something I need?

My knowledge of HTML is limited -- I can copy things, fudge a bit, look up and test examples on https://www.w3schools.com/, that sort of thing... but I am not a coder.
Thank you.

The code posted is for the video you linked to. Copy and paste the exact code I posted. You can change the width and height to what you want.

TikTok page has code to deny being embedded in an iframe. I just bypassed that by doing directly to the video. Don't tell them

( I looked at the actual html behind the video to get that code. Browsers have debug code. Press F12 to see the options. )

Hi, Jack --
Thanks for your help, and I apologize that I wasn't clear. In addition to what I wrote above, I did first try cutting-and-pasting your exact code. The result is a frame that *looks* like it would work, but trying to click on the play button yields nothing.

This is not a big deal -- I just put in a link to the TicToc video that opens a new browser window, and that is fine.

It's good to have you here on the Forum !

On a different HTML javascript matter, here is the code that I use for a countdown on my homepage.
It results in this:
Now just 5 months, 16 days, 8 hours, and 10 minutes away.

I do not know javascript, but just kind of klutz my way through.
I like this format of countdown (in text, not a flashy graphic).
If you think that this is something that could be given to the Forum group, please feel free to clean it up, modify it as you like, and post it.

Thanks again --
-- Fred

<p id="demo"> </p> <script> // Set the date we're counting down to var countDownDate = new Date("Oct 11, 2020 15:31:00").getTime(); //  The Date/time is set for 3:31 rather than 3:30 -- this seems to work.  Don't know why. // Update the count down every 1 second var x = setInterval(function() {   // Get today's date and time   var now = new Date().getTime(); //  I added this:  Get the UTC GMT offset, in minutes. // West Coast=480= 8 hours   East Coast = 300 = 5 hours var offset = new Date().getTimezoneOffset(); var offsettime = ((offset - 300) * 60 * 1000) // Find the distance between now and the count down date var distance = countDownDate - now + offsettime;       // Time calculations for days, hours, minutes and seconds   var days = Math.floor(distance / (1000 * 60 * 60 * 24));   var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));   var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));   var seconds = Math.floor((distance % (1000 * 60)) / 1000);   var months = Math.floor((distance / (1000 * 60 * 60 * 24)) / (30.4167));   var daysr = days - (months * 30.4167)   var daysrn = daysr.toFixed(0);     var monthsD = " months ";   var daysD = " days ";   var minutesD = " minutes ";       if (months == 1) {        monthsD = months + " month, "   } else if (months == 0) {          monthsD = ""   } else {          monthsD = months + " months, "     }     if (daysrn == 1) {        daysD = " day, "   } else {            daysD = " days, "     }   var hoursD = " hours ";   if (hours == 1) {        hoursD = " hour, and "   } else {            hoursD = " hours, and "     }     if (minutes == 1) {        minutesD = " minute"   } else {            minutesD = " minutes "     }           // Output the result in an element with id="demo" document.getElementById("demo").innerHTML = "Now just " + monthsD + daysrn + daysD + hours + hoursD + minutes + minutesD + " away." ; //  + seconds + " seconds ";       // If the count down is over, write some text   if (distance < 0) {     clearInterval(x);     document.getElementById("demo").innerHTML = "Our 50th Reunion !";   } }, 1000); </script><!----------End of count-down script ---------------------->

This is SAMPLE PAGE with your video and the play button works using Chrome. [Does not work for other browsers]

So it looks like this is one of those unusual instances where one browser works and the others do not? Although I think you are using Chrome Let me know if that page works for you since sometimes the CC editor tends to make changes when you save. More an interest question since it doesn't work for the other browsers.

EDIT: and it stopped working for Chrome too. So tikky added more blocks.

The basic countdown here is fairly clean. This is the link for COUNTDOWN plain version (color, text can be changed).

I think CC has some predefined reunion keyword that does the text only thing. I can't find the list right now. Maybe someone remembers. I saw this posted but can't get it to work.

Our event begins in $yyyy-mm-dd$ days.