Does Camtasia 2018 allow for responsive design?

  • 1
  • Question
  • Updated 3 weeks ago
Does Camtasia 2018 allow for responsive design?
Photo of ELearningDesigner

ELearningDesigner

  • 29 Posts
  • 1 Reply Like

Posted 4 weeks ago

  • 1
Photo of dmey503

dmey503

  • 92 Posts
  • 59 Reply Likes
It depnds on how responsive of a design you want... If you embed your video using the Camtasia video player/controller, then the video will resize automatically, just as it would on YouTube or Vimeo. It will re-size on smartphones or tablets to the maximum screen size for that device and your current orientation.

However, scaling is proportional. 

If you want it to be able to change from 1080p to a vertical 1125x2436 iPhone X resolution, then no. You'd have to make and render a separate video for smartphones. You could always set up your website's responsive template to load that video instead of the 1080p version but that seems like a lot of effort when people can just tilt their phones 90 degrees haha
Photo of Rick Stone

Rick Stone

  • 5775 Posts
  • 2756 Reply Likes
Hi there

I guess it all boils down to what you consider "Responsive Design" to mean.

When you say "Responsive Design", that typically indicates that web page coding (the HTML and JavaScript involved) are designed so they "respond" to changes in the page by rearranging different elements so they are presented differently for different devices and screen layouts. Since Camtasia is responsible for creating and manipulating video content, there really isn't anything "responsive" about it. Once you create a video with Camtasia, nothing in that video responds. It's always the same video. It's just presented at different sizes, depending on device real estate.

I do suppose that you are possibly talking about the "Smart Player". But I'm unclear on whether the "Smart" bit of that name is indicative of responsive design. Although, I believe the Smart Player does adapt to the display size of the screen. So in that aspect I suppose you might consider that it's responsive.

Hopefully one of the TechSmith peeps such as Ben Rhodes will pop in to advise more.

Cheers... Rick :)
Photo of davemillman

davemillman

  • 633 Posts
  • 213 Reply Likes
Agree with @Rick Stone. Responsive design is primarily the responsibility of the CMS. So start your quest for "responsive design" with a responsive CMS. Squarespace is one good starting point, as are some Wordpress templates.
Photo of dmey503

dmey503

  • 92 Posts
  • 59 Reply Likes
I was going to edit my comment to say... that you would have to make a separate project at a vertical resolution and wouldn't be able to have one project with two resolutions. I suppose a comparison would be Dreamweaver where you can check out and tweak your website design based on different resolutions.

However, now that I've said that, it would be kind of rad if you Camtasia did have something similar to this capability, in case someone did want to create both an HD and smartphone vertical version of the same video haha
Photo of Rick Stone

Rick Stone

  • 5766 Posts
  • 2755 Reply Likes
Apologies if you have seen this one before. It's always good for a chuckle.  ;)

Photo of Dubie

Dubie

  • 1479 Posts
  • 1204 Reply Likes
@ELearningDesigner

If you are asking, does the produced smartplayer html page scale/resize for devices?

Yes but it does it badly.

This thread here
https://feedback.techsmith.com/techsmith/topics/how-to-make-embeded-video-responsive

I show just how badly it is and if interested offer a html and CSS page download you can easily swap out
for the smartplayer "yourvideo.html" page that will scale/resize correctly for different devices.

The html page I offer looks just like the smartplayer page that Camtasia creates and can be customize
if you need by way of the CSS file in the download.

No strings attached, free to use.



Dubie:)

Photo of ELearningDesigner

ELearningDesigner

  • 29 Posts
  • 1 Reply Like
Thank you all for your responses. 
Photo of Ben Rhodes

Ben Rhodes, Employee

  • 291 Posts
  • 122 Reply Likes
Hello,

I've done some work to improve how we embed Smart Player for local Camtasia productions to make it more responsive.  The responsive updates for the Windows version Camtasia 2019 will ship in the next maintenance release (ETA is unknown). Camtasia 2019 for MacOS contain the update in the latest version that was shipped a week ago.

I'm always looking for feedback or ideas to improve how we embed the Smart Player.

Thanks,
Ben