首页 文章

动态HTML5视频在Firefox中为某些用户显示白色

提问于
浏览
0

我们有一个 Headers 视频加载图像然后延迟加载视频(mp4和webm取决于浏览器) . 对于Firefox中的某些用户,HTML5视频源为白色,而其他用户则为白色 .

对我而言,它为我的同事显示白色,它让我们两个人都拥有Macbook OS X和相同版本的Firefox .

1 回答

  • 0

    试试视频代码生成器 .
    看到这个发电机»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 .

    希望能帮到你!

相关问题