html5media.js让所有浏览器支持video标签

来源:互联网 发布:快递查询小程序源码 编辑:程序博客网 时间:2024/06/10 06:22

How to enable <video> and <audio> tags in all major browsers

To make HTML5 video and audio tags work in all major browsers, simply add the following line of codesomewhere in the <head> of your document.

<script src="//api.html5media.info/1.1.8/html5media.min.js"></script>

That's it! There is no second step!

How to embed video

You can embed video into your page using the following code.

<video src="video.mp4" width="320" height="200" controls preload></video>

For more information and troubleshooting, please visit the video wiki page.

How to embed audio

You can embed audio into your page using the following code.

<audio src="audio.mp3" controls preload></audio>

For more information and troubleshooting, please visit the audio wiki page.

Why use html5media?

HTML5 video and audio tags were designed to make embedding a video as easy as embedding an image. They werealso designed to give users a faster experience by doing away with browser plugins such as Adobe Flash.

Unfortunately, older browsers don't support HTML5 video and audio tags, and even modern browsers don't support a consistentset of video codecs, making embedding a video rather difficult.

The html5media project makes embedding video or audio as easy as it was meant to be. It's a fire-and-forget solution,and doesn't require installing any files on your server. Unlike many other HTML5 video players, it allows people to use thevideo controls supplied by their own web browser. It's one of the smallest, fastest solutions available, and as browsertechnology improves it will become even faster.

More information

The html5media project is open source and can be found on GitHub. You can find out more information on thehtml5media wiki, or the mainhtml5media project page.

0 0
原创粉丝点击