I'm creating a site that reads a JSON file and using backbone.js creates a one page website that shows 60 lessons (grouped by topic). Each lesson has at least one video. All videos were encoded in MP4 H.264 and OGG. The site was tested last week in FF, IE9, iPad and iPhone, so I know that the videos were encoded correctly.
Some changes to the host were made and now the videos aren't playing correctly. FF works fine, but the browsers using the MP4 are showing different behaviors.
They actually work in IE9 on the page and surfed to directly.
In chrome, they don’t work on the page but I can surf to the video and it will play.
In safari, surfing to the video doesn’t let it play either.
Here's a link to the site. Ignore the certificate warning. The videos are displayed by clicking the red "WATCH" tab.
https://elearning.rcsdk12.org/courses/Algebra1/#topic/1/lesson/1
Related
I've developed an application like netflix which streams video.
I'm working with video.js.
when I try to play unmuted video, it throw error says that
"Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https:// goo.gl/xX8pDD"
I can understand what the policy is, but I wonder how autoplay works in Netflix.
Video Preview on netflix works with sound well on chrome and safari.
as soon as I access the video chat page in Netflix party, it turns to play with sound.
I wanna know what they do and apply them to mine.
Thanks.
It seems some sites are whitelisted:
If you don’t have browsing history, Chrome allows autoplay for over 1,000 sites where we see that the highest percentage of visitors play media with sound.
I am building a PWA with Agora broadcasting API. I managed to get the video stream playing on desktop Chrome, but not on Safari. The documentation says Safari is supported on both MacOS and iOS, but it doesn't seem like the case.
When I opened the client page on Safari, instead of playing the video stream, it just create a video player without content. I don't see any data being streamed in the inspector view, or there isn't any activity going on at all.
Do I need to do something different with Safari?
Agora.io provided an auto-diagnostic page for their Web SDK, which may be useful for you:
agora_webrtc_troubleshooting
I am using an iframe to embed video from Vimeo in our Moodle LMS. My code works perfectly in Chrome, IE and Firefox, but not Safari. I am using the standard Vimeo API to embed the video. I know the issue is SSL related because I can remove the S from HTTP in the url and the embedded video works perfectly. I can't run our LMS in an unsecured environment, and the videos are no threat, but vimeo will not stream their video using ssl because of the overhead. Anyone have a solution that works across all browsers?
Vimeo's Embedding Videos FAQ page indicates that it does support HTTPS. Are you following these instructions?
Can I embed my video on an HTTPS domain?
You sure can!
Our embed code is now “protocol relative,” which means that we adhere to the protocol of your website, whether it’s HTTP or HTTPS.
If you’re using an older version of the Vimeo embed code (with a http://player.vimeo.com URL within it), you’ll simply need to change “http” to “https” and it should start working!
and
Why doesn't my video load when I preview it in my website editor?
Vimeo's embed code uses protocol-relative URLs, meaning that we automatically match the embedded video's protocol to your website's — either HTTP or HTTPS.
If you are previewing your website with a program like Dreamweaver, the video will not load because the program cannot determine the correct protocol to use. That said, the video should work flawlessly once you publish it.
There are two ways you can test your embed:
Add http:// to the player.vimeo.com URL in your website's source code. This should allow you to see the embed in preview mode.
Publish a live test page where you can see the embedded video in action.
I am developing an enhanced ebook for Google Play Books in fixed layout epub. I am using Adobe Indesign to develop this ebook. I am having great difficulty adding videos in my ebook. I have exhausted all possible options to embed the video. I have tried HTML5 video tag as suggested by the official Google support. I have tried to embed youtube video using an iframe but no luck.
When I upload my ebook to GPB it doesn't display any video in case of HTML5 and in case of iframes iframe takes some real estate but shows up blank. The iframe however does show on web version of the app and videos stream alright.
How can I embed videos successfully in my ebook? either HTML5 or iframe will do for me.
I was looking for a plugin that could play both audio and video files and was happy to come across mediaelement.js. I host all of my audio and video from Dropbox. The audio is playing fine but the video does not, just hangs on the loading screen.
I saw another thread posted here with no response. Below is the shortcode I'm using:
[video src="https://www.dropbox.com/s/udprb5o5p3n6uu8/WCN.mp4" width="242" height="136" poster="http://wellsmartsolutions.com/video/video.png"]
Not other plugins are active that would be causing any conflict. What am I doing wrong?
Try this URL instead: https://dl.dropboxusercontent.com/s/udprb5o5p3n6uu8/WCN.mp4. I've changed the domain to dl.dropboxusercontent.com per https://www.dropbox.com/help/201. This links directly to the video rather than a web page that previews the video.