我有一段示例代码。简单的页面,使用JS插件JWPlayer播放视频和一个按钮在视频中执行搜索操作。
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<script src="lib/js/jwplayer-7.1.4/jwplayer.js"></script>
<script>jwplayer.key="01yIIa/jGb0bj60C14JSO8oxFHJardSr8Bn/4Q==";</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
<!-- Loading into the JWPlayer, div ID must be unique -->
<div id="myElement">Loading the player...</div>
<div id="seek" style="width: 30px; height: 30px; background-color: red;"></div>
<script type="text/javascript">
var playerInstance = jwplayer("myElement");
playerInstance.setup({
file: "lib/video/sample.mp4",
controls : false
});
$('#seek').on('click', function() {
//Performs seek 10 seconds ahead
playerInstance.seek(playerInstance.getPosition() + 10);
});
</script>
</body>
</html>
问题:
如果我使用文件的完整路径打开页面,一切正常 - 让我们说文件:/// C:/ Users /。 /index.html。我可以进行寻求行动。每次按下搜索按钮,视频都会向前移动10秒(在所有浏览器中)。但是如果我使用WebStorm中的“在浏览器中打开”功能打开文件 - 请使用地址http://localhost:63342/。 /index.html。 Chrome和Opera中的搜索操作失灵。当我在这种情况下按下搜索按钮时,视频将从头开始重新播放。
知道这可能会发生什么吗?这两者甚至有何不同?