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

【问题标题】：VideoJS in horizontal scrolling element scrubbing and volume control button issueVideoJS在水平滚动元素擦洗和音量控制按钮问题
【发布时间】：2012-01-10 07:49:05
【问题描述】：

所以我有这段代码可以进行水平滚动，并且我有一个视图助手，可以将 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>

【问题讨论】：

标签： html html5-video

【解决方案1】：

试试video.js的新版本，看看有什么不同。

【讨论】：