Question

所以我有这段代码做水平滚动，我有一个视图助手，将videojs视频元素写入php文件。当我尝试擦除视频时，它将从刚开始播放，暂停和全屏按钮工作，但单击时音量调整将使声音静音，这有点像进度条直接到达的行为零。为什么？如果它不在这个水平滚动元素中，它就可以工作。

<?PHP
    include("test/viewHelpers.php");?>

<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src='http://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.2-min.js'></script>
    <script src="js/video.js" type="text/javascript"></script>
    <link rel="stylesheet" href="css/video-js.css" type="text/css" media="screen" title="Video JS">
    <script type="text/javascript">VideoJS.setupAllWhenReady();</script>
    <style>
    #container{width: 640px; height:360px; overflow:hidden; border:5px solid yellow;}    
    #content{width: 2200px;background-color: blue;position:relative;left:0px;}
    .section{background-color: lightblue; width:640px; float: left; }

    </style>
    <script type="text/javascript">
        $(function(){
            $("#container").scrollTo($('#2'), 4000);
        }
        );
    </script>

<title>Videojs Test</title>
</head>


<body>
    <div id="container">
        <div id="content">
            <div class="section" id="1" style="width: 620px; height: 360px; left:0px">section one</div>
            <div class="section" id="2" style="background-color:red; width: 620px; height: 360px; left: 640px">
                <?php echo view_video_helper("video1-1") ?>
            </div>
            <div class="section" id="3" style="width: 620px; height: 360px; left: 1280px; background-color:green;">section three</div>

        </div>
    </div>
</body>
</html>

Answer 1

尝试新版video.js，看看它是否有所作为。

VideoJS在水平滚动元素擦洗和音量控制按钮问题

1 个答案: