I am embedding videos on Canvas content pages with an iframe. The source for these videos is our own streaming server. They render well in the desktop application. I would like these videos to behave in the same way that YouTube and Vimeo videos do when displayed in the Canvas Mobile app.
My iframe code is identical to that which is provided by these services.
<iframe src='//laomedia.psu.edu/mediaframe.php?id=1920' height='360px' width='480px' scrolling='no' allowfullscreen="true"></iframe>
Currently my videos do not size correctly when displayed and do not rotate horizontally when played in the mobile application.
I'm assuming the Canvas app recognizes the YT or Vimeo source URL and handles them differently. Is there something I can do on my end to have these videos handled properly in the mobile app?
Videos that are uploaded via the rich text editor are nicely presented though they are not streamed. I would think Canvas would prefer that videos were hosted elsewhere instead of uploaded as each time a course is copied another copy of the video is stored.
Thank you for any assistance in this matter.