New post
0

HTML5 Help - Video player not starting without click

Avatar
Kpekoz
None
Follow

I'm trying to display a few videos in sequence on my brightsign player.  The HTML5 page works on my browser but when create a project in brightauthor with the HTML5 tile and insert the address, the videos don't play.  The page loads up with the text correctly, but the video player displays nothing and looks as if it is waiting for a mouse click to start the player.  How do I make code the html page to get the videos to just start playing on their own?  The URL of the page I'm displaying on the brightsign player is https://paradiseridgecreative.com/DIGITALSIGNAGE/test1.html

(the videos I've loaded in there are just very short snippets of longer videos just for testing.  They are playing in their entirety)

Also, is there a way to make the video player hide while loading the next video instead of covering the right hand column on my page?

 

The player is a XT1143 firmware ver: 8.5.33 Autorun: 8.0.3

Date Votes

6 comments

  • 0
    Avatar
    Kpekoz

    Here is my bpf: https://paradiseridgecreative.com/DIGITALSIGNAGE/Project%202.bpf

  • 0
    Avatar
    Monica Knutson

    It may be because Chromium browsers don't support autoplay, only muted autoplay...?

    Note: Chromium browsers do not allow autoplay in most cases. However, muted autoplay is always allowed.

    I would recommend starting the video using jquery/javascript .play() functionality instead.

    https://videojs.com/blog/autoplay-best-practices-with-video-js/

    You can do the video player hide using javascript / jquery.  Have you tried using video.js?

    https://videojs.com/

    Cheers,
    Monica

  • 0
    Avatar
    Kpekoz

    Thanks Monica, I appreciate your ideas.  I'm using the .play() function - still the videos don't play in the brightsign player (however they do auto play in a browser).  Any other ideas?

  • 0
    Avatar
    Monica Knutson

    Perhaps because it's not local content?

    https://brightsign.atlassian.net/wiki/spaces/DOC/pages/370672326/HTML+Video

    You can use <video> elements to play streaming video (HLS, UDP, RTP, RTSP) and local video files.

  • 0
    Avatar
    Monica Knutson

    Also, make sure your video plane is set on your HTML zone.

    • BrightAuthor: Check the Enable native video plane playback box in the HTML5 state.

  • 0
    Avatar
    Kpekoz

    Thanks Monica - The mp4 files are at a URL on the web.  Does that not work?  do the files need to be on the SD card in the player?  Or can they be on the network somewhere?  How would I reference those files if they are in a network folder?

Please sign in to leave a comment.