4 Replies - 193 Views - Last Post: 10 May 2021 - 11:13 AM

#1 chrisjchrisj   User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 150
  • Joined: 04-February 19

Possible to add scrolling text across the page/video-camera-screen?

Posted 08 May 2021 - 02:03 PM

On an html page, it uses this code:

accept="video/*"


in this context:

<input type="file" name="fileToUpload" id="fileToUpload" accept="video/*" capture="user" onchange="submitForm();">




and when you view the page via mobile, and tap the page, your video camera screen appears. I'm looking to see if it's possible to add scrolling text across the page/video-camera-screen ? like some type of overlay? I would image it may be possible on an html page that displays a web cam, with something like this:

<video autoplay="true" id="videoElement"></video>


I look forward to any comments/suggestions/guidance.

This post has been edited by chrisjchrisj: 08 May 2021 - 02:23 PM


Is This A Good Question/Topic? 0
  • +

Replies To: Possible to add scrolling text across the page/video-camera-screen?

#2 Martyr2   User is offline

  • Programming Theoretician
  • member icon

Reputation: 5578
  • View blog
  • Posts: 14,632
  • Joined: 18-April 07

Re: Possible to add scrolling text across the page/video-camera-screen?

Posted 08 May 2021 - 02:44 PM

I would imagine it is possible if you just put a transparent layer on top of the video player and write on that. It would be like the video is playing underneath it. We know this can be done because that is what is done for several hero header images which play video in the background. :)
Was This Post Helpful? 0
  • +
  • -

#3 chrisjchrisj   User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 150
  • Joined: 04-February 19

Re: Possible to add scrolling text across the page/video-camera-screen?

Posted 08 May 2021 - 04:12 PM

Thanks for your reply.
If anyone knows a bit more in reagrd to how this might be accomplished with this code:

 accept="video/*"


I look forward to being enlightened.
Was This Post Helpful? 0
  • +
  • -

#4 Martyr2   User is offline

  • Programming Theoretician
  • member icon

Reputation: 5578
  • View blog
  • Posts: 14,632
  • Joined: 18-April 07

Re: Possible to add scrolling text across the page/video-camera-screen?

Posted 08 May 2021 - 11:46 PM

What does that attribute have anything to do with what you want to do? I just told you one way you can do it, by putting a simple HTML element over the top of the element and write text with that. The accept attribute does nothing but hint to browsers as to what type of files would be accepted. Nothing with presentation or what you want to do.

Luckily I am nice and provided an example...

http://jsfiddle.net/5hq4rdc0/

Just click the video

This post has been edited by Martyr2: 08 May 2021 - 11:47 PM

Was This Post Helpful? 0
  • +
  • -

#5 chrisjchrisj   User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 150
  • Joined: 04-February 19

Re: Possible to add scrolling text across the page/video-camera-screen?

Posted 10 May 2021 - 11:12 AM

I have created a link to the page that I'm asking about. Apparently it expires in 6 days. I've never used this temporary file hosting site/service before (tiiny.site), but it looks like it works currently. The html page I'm asking about is at: https://mobileview.tiiny.site/
I look forward to any additional comments/suggestions/guidance.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1