Skip to content

How do I add Vidyard video or video collections to my web page?

If you do not have access to Georgia State's official Vidyard account but would like a video that is already created uploaded and saved to the account, please submit a ticket at tickets@gsu.uservoice.com.

Once you have your video uploaded and tested on the Vidyard site, you are given a couple of blocks of code that you can then use to post the video anywhere on your GSU website that you like.

Take the code you are given (it should look like this):

<script type="text/javascript" async src="https://play.vidyard.com/embed/v4.js"></script>
<img
  style="width: 100%; margin: auto; display: block;"
  class="vidyard-player-embed"
  src="https://play.vidyard.com/VideoIDNumber.jpg"
  data-uuid="VideoIDNumber"
  data-v="4"
  data-type="inline"
/>

and place it in a new code block in the CSS and JS Toolbox WordPress plugin on your site.


Next, take the CSS and JS Toolbox source code (in this case, [cjtoolbox name='Vidyard Code'] ) and place it in a text box on the page you want it, precisely where you want it to appear on the live page.

Save the page and then clear the cache for the page. Open the live page that you added the source code to and refresh the page.  The video or video collection should appear on your page where you placed it.

How can I disable autoplay?

To disable the autoplay feature in VidYard, the video can be set In the system to never autoplay.  You can also add:

data-autoplay="0" at the bottom of the <img embed code.

Additional query string variables: https://knowledge.vidyard.com/hc/en-us/articles/360009879754-Use-query-strings-to-override-player-settings


Feedback and Knowledge Base