所以我有这段代码做水平滚动，我有一个视图助手，将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>
1 回答
尝试新版本的video.js，看看它是否有所作为 .