1

网站：http ://www.ignitionpointventures.com

大家好，

我在 chrome/safari 上遇到 html5 视频加载问题。基本思想是在右侧有一个带有视频缩略图的视频容器。我创建了一个单独的 html 文件，其中包含要放置在视频容器中的每个视频的 html5 视频信息。在页面加载时，第一个视频应该使用准备好的 jquery 文档自动加载，随后每个拇指加载适当的 html5/视频。

问题：在 Chrome 和 Safari 上。

在 Chrome 上，加载的视频不会出现。单击拇指时，视频的第一个图像出现在主视频 div 中，但似乎停止加载并且不会播放。

在 Safari 上，视频根本不加载。尝试直接播放文件时出现错误，并且 quicktime 符号显示为？标记。

这是html5视频的示例

<video width="721px" height"406px" preload="auto" controls="controls">
        <embed src="http://www.ignitionpointventures.com/includes/video/v1/v1.mp4" width="721" height="406" allowscriptaccess="always" allowfullscreen="true"></embed>
        <source src="http://www.ignitionpointventures.com/includes/video/v1/v1.mp4" type="video/mp4" />
        <source src="http://www.ignitionpointventures.com/includes/video/v1/v1.ogv" type="video/ogg" codecs="theora, vorbis" />

         <source src="http://www.ignitionpointventures.com/includes/video/v1/v1.webm" type="video/webm" />

        <p>Your browser does not support HTML5 video.</p>
</video>

这是javascript

<script type="text/javascript">
    $(document).ready(function(){
        $('#leftVideo').load('http://www.ignitionpointventures.com/includes/video/v1/v1.html'); 
    });

    $(function() {
        $(".v1").click(function(){
            $('#leftVideo').load('http://www.ignitionpointventures.com/includes/video/v1/v1.html');
        });
        $(".v2").click(function(){
            $('#leftVideo').load('http://www.ignitionpointventures.com/includes/video/v2/v2.html');
        });
        $(".v3").click(function(){
            $('#leftVideo').load('http://www.ignitionpointventures.com/includes/video/v3/v3.html');
        });
        $(".v4").click(function(){
            $('#leftVideo').load('http://www.ignitionpointventures.com/includes/video/v4/v4.html');
        });
    });
</script>

我也检查了 .htaccess 文件

我知道视频有点大，可能是个问题，但怀疑这是真正的问题。是的，JavaScript 可能更先进。

谢谢！

4

0 回答 0