使用JavaScript在videojs上播放超过2个视频？

问题描述：

我已经为此答案搜索了很多，但我无法找到它。那么，我现在使用的虚拟主机有一个120mb的上传限制，我需要托管的一些视频比这个更大。一些想法浮现在脑海中，第一种是将视频分成几部分，然后用VideoJS使用JavaScript代码无缝地播放。使用JavaScript在videojs上播放超过2个视频？

第二个想法仍然是拆分视频，但以某种方式将它们连接到1“src：”标签，以便VideoJS可以像使用1个视频一样使用。

第二个想法似乎是不可能的，所以我走了第一个，知道0的JavaScript。我设法拼凑了一些代码，使它能够播放2个视频，但是当第三个视频添加时，它的表现很奇怪。它不是在第一个视频结束时转到第二个视频，而是转到最后（在这种情况下是第3个视频）。

我该如何解决这个问题？我使用

代码：

<script type='text/javascript'> 
     var count=1; 
    var player=document.getElementById('test'); 
    player.addEventListener('ended',myHandler,false); 

    function myHandler(e) { 
     if(!e) 
     { e = window.event; } 
     player.src="test2.mp4"; 
     } 
{ 
var e = document.getElementById("test"); 
player.id = "test2"; 
} 
</script> 

<script type='text/javascript'> 
     var count=1; 
    var player=document.getElementById('test2'); 
    player.addEventListener('ended',myHandler,false); 

    function myHandler(e) { 
     if(!e) 
     { e = window.event; } 
     player.src="test3.mp4"; 
     } 
{ 
var e = document.getElementById("test2"); 
player.id = "test3"; 
} 
</script>

记住我什么都不知道的JavaScript

答

所有<script>标签的变量和函数声明到全球范围内。

例如，第二个脚本标签共享相同的范围内的第一个脚本标签：

<body> 
    <script> 
     var foo = "Hello"; 
    </script> 

    <script> 
     console.log(foo); // "Hello" 
    </script> 
</body>

所以，你在做什么在你的代码中两次声明的一切，所以你的第二个将myHandler声明覆盖你第一。

对不起，但我没有真正设置只有这些信息......我将如何能够改变它的代码，以我想要的方式工作？ – Teomania

在尝试这个问题之前，我建议在Javascript和编程中开始/适度的课程。否则，如果不先了解基本原理，尝试解释并浪费自己的时间去尝试理解是浪费我的时间。 –

使用JavaScript在videojs上播放超过2个视频？

相关推荐