Answered By: Tom Morrell
Last Updated: Nov 30, 2023     Views: 81

We've developed a JavaScript-based solution to embed video content from CaltechDATA into any web site. You only need to know the DOI of the CaltechDATA record. Paste the following code into your website:

<div id="videodiv1"></div>
 <script src="https://feeds.library.caltech.edu/scripts/CL.js"></script>
 <script> 
            let div = document.getElementById("videodiv1"),
            doi = '10.22002/D1.1278',
            item_no = 0;
            CL.doi_video_player(div,doi,item_no);
  </script>


If your CaltechDATA record contains multiple videos, select the specific one you want to display using the item_no variable. Our CL.js function is general and will work with any DOI where the content provider has provided media information to DataCite. The underlying viewer is video.js, an open source javascript viewer.

If you need to resize the video player, you can pass in the width and height like:

CL.doi_video_player(div, doi, item_no, width, height)

Related Topics

Looking for a specific item?

Caltech books, ebooks, & more - Catalog

Caltech subscribed journals - Journals List

Popular books - Your local library