Question

我在我的site上使用带有闪回后备功能的HTML视频，但如果不支持HTML视频，则闪存似乎不起作用。我是否需要包含任何javascript文件才能使其正常工作？

<video width="800" height="400" preload="" 
    onloadeddata="document.getElementById('videoLoadImg').style.display = 'none';"    
    poster="/admin/config/header_files/top.jpg" autoplay="">

    <source src="/admin/config/header_files/top.mp4" type='video/mp4;' />
    <source src="/admin/config/header_files/top.webm" type='video/webm; 
        codecs="vp8, vorbis"' />
    <source src="/admin/config/header_files/top.ogv" type='video/ogg; 
        codecs="theora, vorbis"' />
    <embed src='/admin/config/header_files/top.swf' 
        type='application/x-shockwave-flash' width='800' height='400'
        allowscriptaccess='always' allowfullscreen='false'></embed>
    <img src='/admin/config/header_files/cake.jpg' />
</video>

HTML视频无法在我的iMac上使用Safari 5.0.6。

Answer 1

可能是视频没有自动播放吗？因为当我打开WebKit Inspector并尝试

时

document.querySelector('video').play()

它有效。这种情况你可以将上面的代码添加到jQuery DOMReady，或者像这样添加autoplay属性：

<video autobuffer autoplay>

仅供参考：我有Safari 5.1.2，但我相信Safari支持4.0左右的HTML5视频。

如果不支持HTML视频，则Flash后备不起作用

1 个答案: