Javascript VideoJS响应两个视频

我在一个页面上有两个视频，用VideoJS实现。我想让他们做出回应，并找到了以下关于此主题的文章：

但不幸的是，我不能让它同时适用于两个视频，无论我尝试了什么，它总是只适用于其中一个。。你知道我必须如何修改javascript代码以使其能够同时使用这两种语言吗？我甚至尝试创建两个函数并重命名所有变量

以下是我的html示例：

<div class="videoWrapper">
    <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto"  poster="<?php echo get_bloginfo('template_url'); ?>/assets/videos/video1/spot_01_still.jpg" data-setup='{ "controls": true, "autoplay": false, "preload": "auto" }'>
        <source src="<?php echo get_bloginfo('template_url'); ?>/assets/videos/video1/spot_01.flv" type='video/flv'>
        <source src="<?php echo get_bloginfo('template_url'); ?>/assets/videos/video1/spot_01.mp4" type='video/mp4'>
    </video>
    <video id="my_video_2" class="video-js vjs-default-skin" controls preload="auto" poster="<?php echo get_bloginfo('template_url'); ?>/assets/videos/video2/spot_02_still.jpg" data-setup='{ "controls": true, "autoplay": false, "preload": "auto" }'>
        <source src="<?php echo get_bloginfo('template_url'); ?>/assets/videos/video2/spot_02.flv" type='video/flv'>
        <source src="<?php echo get_bloginfo('template_url'); ?>/assets/videos/video2/spot_02.mp4" type='video/mp4'>
    </video>
</div>

而js：

 _V_("my_video_1").ready(function(){
var myPlayer = this;    // Store the video object
var aspectRatio = 9/16; // Make up an aspect ratio

function resizeVideoJS(){
  // Get the parent element's actual width
  var width = document.getElementById(myPlayer.id).parentElement.offsetWidth;
  // Set width to fill parent element, Set height
  myPlayer.width(width).height( width * aspectRatio );
}

resizeVideoJS(); // Initialize the function
window.onresize = resizeVideoJS; // Call the function on resize
});

---

我一直在编写一个脚本，该脚本使用video js处理多个视频播放器，而且响应速度也很快。您可以在此处找到我的文章（其中还显示了一个示例）=

---

如果您需要，它还包括一个提供的回调函数。

我一直在编写一个脚本，该脚本使用video js处理多个视频播放器，这些播放器也具有响应能力。您可以在此处找到我的文章（其中还显示了一个示例）=

---

如果您需要，它还包括一个提供的回调函数。

为了简洁起见，您可能会省略它，但您是否正在调用my_video_1和my_video_2上的

.ready

？如果不是的话，我想那是你的问题。是的，我两个都打过电话。为了简单起见，你可能会省略它，但你是在我的视频1和视频2上都打了

.ready

？如果不是的话，我想那是你的问题。是的，我确实在两个方面都提到了。下面是一个很好的例子，说明为什么答案应该总是包含代码，而不仅仅是代码的链接。404错误！很抱歉，我不得不将2个教程合并为1个教程才能使其正常工作。这是一个新的url=在这个例子中，我不得不提供链接，因为我所提供的原始video js文件夹中的很多内容都发生了更改。如果有一个或两个代码示例，那么代码示例就可以了，但是一个充满更改的文件夹太多了，无法在这里全部描述。下面是一个很好的示例，说明了为什么答案应该始终包含代码，而不仅仅是代码链接。404错误！很抱歉，我不得不将2个教程合并为1个教程才能使其正常工作。这是一个新的url=在这个例子中，我不得不提供链接，因为我所提供的原始video js文件夹中的很多内容都发生了更改。如果有1到2个代码示例，那么代码示例就可以了，但是一个充满更改的文件夹太多了，无法在这里全部描述。

 _V_("my_video_1").ready(function(){
var myPlayer = this;    // Store the video object
var aspectRatio = 9/16; // Make up an aspect ratio

function resizeVideoJS(){
  // Get the parent element's actual width
  var width = document.getElementById(myPlayer.id).parentElement.offsetWidth;
  // Set width to fill parent element, Set height
  myPlayer.width(width).height( width * aspectRatio );
}

resizeVideoJS(); // Initialize the function
window.onresize = resizeVideoJS; // Call the function on resize
});