Question

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

大家好，

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

问题：在Chrome和Safari上。

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

在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可能更高级。

谢谢！

HTML5问题Chrome / Safari - 停止加载/不加载

0 个答案: