我们有一个 Headers 视频加载图像然后延迟加载视频(mp4和webm取决于浏览器) . 对于Firefox中的某些用户,HTML5视频源为白色,而其他用户则为白色 .
对我而言,它为我的同事显示白色,它让我们两个人都拥有Macbook OS X和相同版本的Firefox .
试试视频代码生成器 .看到这个发电机»The Wikies
Wikies将生成如下代码:
<video controls="controls" preload="none" poster="your-cover-image.jpg" width="640" height="480"> <source src="your-video.mp4" type="video/mp4" /> <source src="your-video.webm" type="video/webm" /> <!-- other available formats --> <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="640" height="480"> <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"></param> <param name="allowFullScreen" value="true"></param> <param name="wmode" value="transparent"></param> <param name="flashVars" value="config={'playlist':['https%3A%2F%2Fwww.your-domain.com%2Fimg%2Fyour-cover-image.jpg',{'url':'https%3A%2F%2Fwww.your-domain.com%2video%2Fyour-video.mp4','autoPlay':false}]}"></param> <img alt="Alternative Text" src="https://www.your-domain.com/img/your-cover-image.jpg" width="640" height="480" title="This video can't be loaded. Please, update your browser."> </object> </video>
请测试并告诉我是否适合您!对我来说,它适用于IE7,Firefox和Chrome .
希望能帮到你!
1 回答
试试视频代码生成器 .
看到这个发电机»The Wikies
Wikies将生成如下代码:
请测试并告诉我是否适合您!
对我来说,它适用于IE7,Firefox和Chrome .
希望能帮到你!