Jump to content

Media Widget - Autoplay

Recommended Posts

Hi Sean,

This is a great idea! However we are unable to answer this query via the Support section of the forums due to it being custom code.

I have moved this post to the coding section of our forums. Either one of our developers, or a code savvy individual can now see and respond to you with a more adequate answer.

Hope this helps for now!

  • Like 1
  • Thanks 1
Link to comment
Share on other sites

17 hours ago, Sean_M said:

Is there a bit of html I can add to a page to autoplay videos in the Media widget on page load?


Many thanks


Hi Sean,

Martyn from North Lakes asked about this a while ago, but the trouble is all the browsers (from May 2018)  block autoplay videos unless audio is muted ?*.  So if you want a silent video to autoplay this is still possible, otherwise you have to set an override in the browser's settings. :(

For example:

<video controls autoplay muted>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.

Here's the bit in Chrome you'll need to change, just paste this into your browser’s address bar



For Martyn, we got the videos playing for his digital signage, using the above workaround and the HTML widget.  If you want us to add this into the Media widget, the Ideas Portal is the best option for highlighting this to the Product Team.


* Which i understand as it’s about the browser companies clamping down on intrusive background ads on webpages. but it's still frustrating when you want to do it.

  • Like 1
Link to comment
Share on other sites

Thanks Graham.

I suspected a full html solution would be the only way (for now). Was hoping to make a nested page that could be put on a page with any video in the widget, for staff who don't know html could just drop it on not worrying about the code.

That's cool though, I definitely will use it for digital signage. 

  • Like 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Similar Content

    • By Graham Quince
      Some of you have already spotted this tutorial, but we've just updated it to reflect feedback from schools.
      You can now use the same code 'hack' a menu to open external links, subpages and even sites
    • By K.Ermit
      I have been provided with this code from Linguascope, but it doesn't work in the HTML widget.   
      <script language="javascript" src="http://www.linguascope.com/link/login/linguascope_login250x250.js"></script> Can anyone help please?
    • By MrM
      Apologies if this has been answered elsewhere.
      I've having troubles playing a wmv file within a media widget on a froglearn site.
      The file uploaded to the widget fine, and when I click play, it seems to load/buffer, but then doesn't play when clicked. It does nothings (screenshot below).
      Any help would be appreciated. Many thanks.

    • By K.Ermit
      Every time I add in a text widget,, I have to resize the text, as it starts too small, is there a way of setting the size be default?
    • By Dawn Spears
      I have set up a sildeshow, using a file drop as detailed in the tutorial below:
      My first slideshow was working correctly, and I could add/remove files to the drop and the correct pictures were showing.
      I then tried to add another slideshow (on a new tab within the site), so set up a new file drop, got the new ID and created the HTML again as per the tutorial, however the second file drop won't work as expected. The pictures from the second file drop show up in the first slideshow, despite them having completely different IDs. If I set up a list of file names for the second file drop, the files are correct, but they are showing on the wrong page. Sometimes they appear as part of the slideshow, and other times the new pictures are above the first pictures. I will attach some screenshots so that hopefully you can see what I mean.
      Additionally, the first file drop will work correctly until I try and look at the second file drop, then when I go back to the first I have the problem (caching issue maybe?).
      First file drop showing Micky Mouse correctly:
      2nd file drop showing only the file name (testing) widget. The file drop arrows show up but no pictures.

      Now, I go back to the first tab and Goofy is showing despite him being on the other file drop.

      Any ideas?
      Kind regards
  • Create New...