Can i play screencast in html video tag

  • 1
  • Question
  • Updated 5 months ago
Hi 

I haven't been able to see earlier posts relating to this question. 

I have some videos in screencast that I wish to play on our website.  I'm able to copy the code for the video which contains the class  class="tscplayer_inline smart-player-embed-container-iframe embeddedObject" into an iframe and it plays fine.


For various reasons I want to play the video in a html <video> tag but if I copy just the URL for the source it will not play.  I suspect it has something to do with embedded code that only allows it to run in an iframe (based on the class description)?

Has anyone tried to do this, worked away around it?

Any help would be appreciated.

Mark

Photo of fsl1730

fsl1730

  • 4 Posts
  • 0 Reply Likes

Posted 5 months ago

  • 1
Photo of Dubie

Dubie

  • 1285 Posts
  • 1035 Reply Likes
To use the <video> tag you have to link to the actual video file. ie; the mp4
Screencast same as any of the video hosting platforms doesn't give that option.

You need to host the mp4 to where you can link to it directly.

A iframe can be used in a html5 webpage just fine.

If you don't mind,  what is the reason you have to use the <video> tag as opposed to a iframe embed?

There may be options for your reason(s)

:)
Photo of fsl1730

fsl1730

  • 4 Posts
  • 0 Reply Likes
Hi @Dubie

I'm hosting the video in screencast.  I take the source url from the embeded code and add it as the source url in <video> along with type="video/mp4" but it wont play.

I don't want the video taking up room on the page.  I added the I frame to a popup and the user can click on a link/ small image, have the popup come up and the video can play.  The issue with this is; if the user minimises the popup the video is still playing and the audio is coming through (bad user experience)  The <video> allows me to get to the player to stop the video, so it's possible for me to collapse the popup and stop the video from playing at the same time.
Photo of kayakman

kayakman, Champion

  • 6735 Posts
  • 2128 Reply Likes
perhaps try a different approach ...

use a image button on your page that has a URL link to the video on screencast.com; the image could be a frame from the video

it's what I do with videos on my web site, except the image buttons are linked to content on my web site; but the concept is the same

example ...

http://www.cookbookplus.com/Home.aspx


Photo of fsl1730

fsl1730

  • 4 Posts
  • 0 Reply Likes
@kayakman

Thanks for your thoughts, I had thought of this.  

The issue I have with this is that it takes the viewer away from the page with all the video links and they then have to navigate back which I don't really like as a user experience.  An option is to add the other video links to the viewing page which then just becomes a bit of a navigational nightmare for the user and also for us to maintain.
Photo of kayakman

kayakman, Champion

  • 6735 Posts
  • 2128 Reply Likes
if the viewer holds control key when button is clicked, video opens in its own tab, so they don't lose connection to your sight

configure button to open in new tab?
Photo of Pat_Sheehan

Pat_Sheehan

  • 7 Posts
  • 2 Reply Likes
Go here to get a work around.  http://www.laxemedia.com/techSmith.docx

Works good. This has working samples and the code you'll need to put into your custom HTML page.

NOTE: This is an updated version  of what I had posted a while ago. Seems some things at techsmith have changed.  If you cannot open the docx file feel free to email me at info@laxemedia.com.
(Edited)
Photo of fsl1730

fsl1730

  • 4 Posts
  • 0 Reply Likes
Many Thanks @Pat_Sheehan

I've been having a play and it looks as if your solution will work for me.

Thank you very much for your assistance:)