Question

有人知道一种将JavaScript视频嵌入到JavaScript中的方法吗？或在JavaScript页面上运行简码的方法？我需要一种将javascript变量传递到youtube url并嵌入视频的方法。到目前为止，我拥有的代码是使用一个插件来在页面上以短代码形式运行此代码。使用名为Shortcoder的插件。

我已经做了很多研究，通常不会发表新文章，但是我似乎找不到这个基本问题的答案。如何从javascript嵌入youtube视频（或运行简码）。我发现的一件事是this，该视频显示了使用Flash Player嵌入视频，但我想尽可能避免使用Flash Player，并且需要将其使用JavaScript，以便我可以传递变量。这是我在youtube上发现的用于获取变量的代码。

<script text="text/javascript">
var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;
    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};

var video = getUrlParameter('v');

if(video){
   console.log('v='+video);
   // embed video with url

}else {
   console.log('v=null');
   // embed youtube uploads playlist

}

我需要一种嵌入youtube视频的方法，或者为youtube wordpress插件运行简码，但是需要视频网址受我的网站网址影响。

示例：www.example.com/video/?v=Y123应该显示youtube视频www.youtube.com/watch?v=Y123，而www.example.com/video/?v=x456应该显示youtube视频www.youtube.com/watch?v=x456

我基本上是为我的视频创建一个youtube页面，但计划添加一个实时聊天，以便从我的网站观看的用户可以在观看时在网站的任何地方使用。我也可以在将来的某个时候为教程添加自动暂停视频。

有人知道在JavaScript中嵌入YouTube视频的方法还是在JavaScript页面上运行简码的方法吗？

首选使用shortcode，因为它将删除一些额外的限制，并使将来在WordPress中实现javascript更加容易。

编辑：另外，虽然我有一些经验，但我对wordpress还是有点陌生 Android Studio。

Answer 1

videoId：您视频后的ID，即该视频的ID为“ 1lD9G4D1p-Y” https://www.youtube.com/watch?v=1lD9G4D1p-Y

mysql --user=zzzzzzz --password=xxxxxxx aaaaaaaaaa < /var/www/xxxxxxxxxxx.org/web/data-dump.sql

我的代码和他们的代码之间的区别是我的代码使用JavaScript添加脚本，他们的代码使用HTML添加脚本，然后使用JavaScript运行脚本。

文档 https://developers.google.com/youtube/iframe_api_reference

Answer 2

好的，我想我想出了一种可行的方法。如果其他人需要它，这是我的代码：

<iframe name="videoURL" id="videoURL" width="560" height="315" src="https://www.youtube.com/embed/ymHNtBZxFKY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<script text="text/javascript">
var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;
    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};

var video = getUrlParameter('v');
var url;

if(video){
   console.log('v='+video);
   url = 'https://www.youtube.com/embed/'+video;
   // embed video with url

}else {
   console.log('v=null');
   // embed youtube uploads playlist
   url = 'https://www.youtube.com/embed?listType=playlist&list=UU7YyXO5sOuG4zmGlW7KDCNw'
}

  document.getElementById("videoURL").setAttribute("src", url);

</script>

如何使用javascript

2 个答案: