如何让此视频播放器与网络上的 html5 ogv 和 mp4 配合使用?
我正在尝试在网上找到的一些使用 CSS3 HTML5 JQUERY 等的视频播放器... http://dev.opera.com/articles/view/custom-html5-video-player-with-css3-and-jquery/#sec1
我正在尝试将其添加到现有网站,但当我将其上传到网络时,它在 Firefox 中无法工作。我认为这是由于 mp4/ogv 文件的文件大小太大,但没有出现任何控件,因此一定有什么东西干扰了 javascript 库。
我还没有接触过教程底部源代码中给出的 js 和 css 文件。仅 HTML 索引页。您可以通过单击该链接并检查来源来查看下面的内容
I am trying out some video player i found on the web that uses CSS3 HTML5 JQUERY etc... http://dev.opera.com/articles/view/custom-html5-video-player-with-css3-and-jquery/#sec1
I am trying to add it to an existing site but it just wont work in firefox when I upload it to the web. I thought it was due to the filesize of the mp4/ogv files being too large but none of the controls come up so something must be interfering with the javascript library.
I haven't touched the js and css files that were given in the source code at the bottom of the tutorial. Only the HTML index page. which you can see below by clicking that link and checking the source
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我认为您的问题与您的服务器配置以及服务器提供 ogv 文件的方式有关。您应该查看 Dive Into HTML5 上有关 Mine Types 的部分。
http://diveintohtml5.ep.io/video.html
我是本文的作者,并且我写了一篇更新的文章< /a>,大约相同的视频播放器。
此外,该播放器已经发展了很多,现在称为 Acorn Media Player,易于访问,具有更多主题,支持音频元素等等。
您可以在 Github 上找到该存储库。
您还可以在那里找到更好的文档。
确保您的服务器配置正确后,我的建议是您使用新版本的插件,而不是第一篇文章中的插件。
I think your problem is related to your server configuration, to the way your server is serving the ogv files. You should check the section about Mine Types on Dive Into HTML5.
http://diveintohtml5.ep.io/video.html
I'm the author of the article, and I've written a more recent article, about the same video player.
Also, the player has evolved a lot, it's now called Acorn Media Player, is accessible, has more themes, support for the audio element and many others.
You can find the repo on Github.
You'll also find better documentation there.
After you make sure your server configuration is correct, my suggestion is that you use the new version of the plugin, not the one from the first article.