Friday, October 18, 2019

Widget: Byte-Sized Canvas




Here's the code for the 200-pixel version:

<script type="text/javascript"> var display = " " </script><script type="text/javascript" src="https://widgets.lauragibbs.net/videos/onebyte200.js"></script>

Here's the code for the 400-pixel version:

<script type="text/javascript"> var display = " " </script><script type="text/javascript" src="https://widgets.lauragibbs.net/videos/onebyte400.js"></script>

Here's the code you can use in Canvas (see it in Canvas):

<iframe src="https://widgets.lauragibbs.net/canvas/onebyte400.html" width="450" height="400"></iframe>

There are 22 videos in the randomizer; you can see the source code here: Byte-Sized Canvas HTML table.

It's easy to add more videos; I just add rows to the table, and then convert the new table to a javascript, using the same name as before. All the places where the script is being used will update automatically!

No comments:

Post a Comment