Hands on a laptop keyboard typing with the caption Embedding storyline content in Blackboard.

 

banner-2

Following up my post about uploading Storyline content to EdShare, this one describes how you can embed Storyline content on a page in Blackboard. You use the <iframe> function, which embeds one web page within another. This works for VGA screens (1024×768 pixels).

  1. Create a content Item  in Blackboard and give it a name e.g. Interactive Sea Anemone
  2. Click the  HTML button on the text area’s menu:
    Bb menu showing HTML button
  3. Copy-and-paste this code into the pop-up window, replace the blue link with the correct link and click the Update button:
    <p align=”left”><iframe width=”100%” height=”658″ align=”left” src=”https://blackboard.soton.ac.uk/bbcswebdav/
    courses/TELE1001/Ed2Em/story.html
    “></iframe></p>
  4. Click the Submit button to complete and view this Item.

 

So, the only question is “what is the correct link I need to use?”

If the resource is in EdShare, right-click the Download link to the story.html file and copy that.

You can upload the Storyline files directly to Blackboard if you wish:

  1. Access the Files area of your course’s Control Panel.
  2. Create a Folder and give it a name e.g. sea-anemone.
  3. Click the new folder’s name – it contains no files yet.
  4. Upload a ZIP Package – select the ZIP file containing your Storyline content.
  5. The ZIP file is uploaded and unzipped into your new folder.
  6. Right-click the file story.html and copy its link – that is the one to use. e.g.

https://blackboard.soton.ac.uk/bbcswebdav/courses/TELE1001/sea-anemone/story.html

If you want the content to be viewed full-screen, then you can’t embed it – just add a Web link item that opens in a new tab or window. Note that you will also need to have set your Storyline output to run full-screen; here are the settings you need in the Player’s Other properties:

Storline Player full screen

Embedding Storyline content in Blackboard

Post navigation


What do you think? Leave us a comment to share your thoughts...

%d bloggers like this: