全屏视频,支持所有浏览器

时间:2017-11-30 15:49:40

标签: javascript html ruby-on-rails twitter-bootstrap html5-video

你能帮助我全屏播放视频,暂停,支持所有浏览器,如www.rotary.org我可以用chrome和mozilla播放视频。它不在Safari中播放。 当我使用video.js时,它会在safari中显示错误消息。

<head> <link href="http://vjs.zencdn.net/5.8.8/video-js.css" rel="stylesheet"> <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script></head><body><video id="my-video" class="video-js" controls preload="auto" width="640" height="264"poster="image.png" data-setup="{}">
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
<source src="video.ogv" type="video/ogv">
<source src="video.webm" type="video/webm">
<p class="vjs-no-js">
    To view this video please enable JavaScript, and consider upgrading to a web browser that
    <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p></video><script src="scripts/video.js"></script></body>

2 个答案:

答案 0 :(得分:0)

我曾多次使用Video.js,这似乎具有出色的浏览器兼容性。

答案 1 :(得分:0)