文章/答案/技术大牛

发布

社区首页 >问答首页 >如何从视频播放器的“标题”中消除路径

问如何从视频播放器的“标题”中消除路径
EN

Stack Overflow用户

提问于 2020-07-08 17:36:19

回答 2查看 66关注 0票数 0

大家好:这个视频播放器非常适合播放随机选择的视频和显示标题。但是，它显示的标题包括标题路径。如何将其更改为只显示标题，而不显示路径和视频扩展名？谢谢

编辑:我编辑了选择名称。

<video id="video" preload="auto" controls="" type="video/mp4">
</video>
<div id="playing">
</div>   <!-- Optional Titles -->



<script>
var video;
var playlist;
var tracks;
var current;

var videoarr = ["https://www.onlinepianoteacher.org/video-player/videos/Etude_Opus_10,_No._4_-_Chopin.mp4",
            "https://www.onlinepianoteacher.org/video-player/videos/Fur_Elise_-_Beethoven.mp4",
            "https://www.onlinepianoteacher.org/video-player/videos/Waltz_of_the_Flowers_-_Tchaikovsky.mp4",
            "https://www.onlinepianoteacher.org/video-player/videos/Etude_Opus_10,_No._12_-_Chopin.mp4",
            "https://www.onlinepianoteacher.org/video-player/videos/Alla_turca_-_Mozart.mp4",
            "https://www.onlinepianoteacher.org/video-player/videos/Etude_Opus_10,_No._8_-_Chopin.mp4",
            "https://www.onlinepianoteacher.org/video-player/videos/Piano_Sonata_No_16,_k545_-_Mozart.mp4", 
            "https://www.onlinepianoteacher.org/video-player/videos/Eine_Kleine_Nachtmusik_-_W._A._Mozart.mp4",
            "https://www.onlinepianoteacher.org/video-player/videos/Rhapsody_in_Blue_-_George_Gershwin.mp4",
           ];
shuffle(videoarr);

init();
function init(){
    current = 0;
    video = $('video');
   
    len = videoarr.length;
    
    run(videoarr[current], video[0]);
    
    video[0].addEventListener('ended',function(e){
        current++;
        if(current == len){
            current = 0;
        }
        run(videoarr[current],audio[0]);
    });
}

function run(link, player){
        player.src = link;
        video[0].load();
        video[0].play(); /* play / pause*/
        $('#playing').html("<ul><li><a>" + link+ "</a></li></ul>");     
}

function shuffle(array) {
  var currentIndex = array.length, temporaryValue, randomIndex ;

  // While there remain elements to shuffle...
  while (0 !== currentIndex) {

    // Pick a remaining element...
    randomIndex = Math.floor(Math.random() * currentIndex);
    currentIndex -= 1;

    // And swap it with the current element.
    temporaryValue = array[currentIndex];
    array[currentIndex] = array[randomIndex];
    array[randomIndex] = temporaryValue;
  }

  return array;
}
</script>

javascript

回答 2

Stack Overflow用户

发布于 2020-07-08 17:55:50

对不起，我应该在最初的帖子中这样做，但现在它会将准备好的链接设置为shuffle函数返回的任何内容。

简要介绍：

-Use replace()去掉不需要的路径和任何下划线

-I还使用substr()从路径的末尾去掉了".mp4“(您也可以使用replace去掉".mp4”，但我想我会向您展示这两种方法是如何工作的)

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <title></title>
</head>
<body>
<body>
   <video id="video" preload="auto" controls="" type="video/mp4">
</video>
<div id="playing">
</div>   <!-- Optional Titles -->


</body>
<script>



    var video;
var playlist;
var tracks;
var current;

var videoarr = ["https://www.onlinepianoteacher.org/video-player/videos/Etude_Opus_10,_No._4_-_Chopin.mp4",
            "https://www.onlinepianoteacher.org/video-player/videos/Fur_Elise_-_Beethoven.mp4",
            "https://www.onlinepianoteacher.org/video-player/videos/Waltz_of_the_Flowers_-_Tchaikovsky.mp4",
            "https://www.onlinepianoteacher.org/video-player/videos/Etude_Opus_10,_No._12_-_Chopin.mp4",
            "https://www.onlinepianoteacher.org/video-player/videos/Alla_turca_-_Mozart.mp4",
            "https://www.onlinepianoteacher.org/video-player/videos/Etude_Opus_10,_No._8_-_Chopin.mp4",
            "https://www.onlinepianoteacher.org/video-player/videos/Piano_Sonata_No_16,_k545_-_Mozart.mp4", 
            "https://www.onlinepianoteacher.org/video-player/videos/Eine_Kleine_Nachtmusik_-_W._A._Mozart.mp4",
            "https://www.onlinepianoteacher.org/video-player/videos/Rhapsody_in_Blue_-_George_Gershwin.mp4",
           ];
shuffle(videoarr);

init();
function init(){
    current = 0;
    video = $('video');
   
    len = videoarr.length;
    
    run(videoarr[current], video[0]);
    
    video[0].addEventListener('ended',function(e){
        current++;
        if(current == len){
            current = 0;
        }
        run(videoarr[current],audio[0]);
    });
}

function run(link, player){
        player.src = link;
        video[0].load();
        video[0].play(); /* play / pause*/


        //You can change the below replace with any part of the path you need
        preparedLink = link.replace('https://www.onlinepianoteacher.org/video-player/videos/', '')

        //You can user replace to replace all underscores with a space
        preparedLink = preparedLink.replace('_', ' ');
        
        //Take away the .mp3 with substr 
        preparedLink = preparedLink.substring(0, preparedLink.length-4);

        //Set new Link
        $('#playing').html("<ul><li><a href="+preparedLink+">" + preparedLink+ "</a></li></ul>");     
}

function shuffle(array) {
  var currentIndex = array.length, temporaryValue, randomIndex ;

  // While there remain elements to shuffle...
  while (0 !== currentIndex) {

    // Pick a remaining element...
    randomIndex = Math.floor(Math.random() * currentIndex);
    currentIndex -= 1;

    // And swap it with the current element.
    temporaryValue = array[currentIndex];
    array[currentIndex] = array[randomIndex];
    array[randomIndex] = temporaryValue;
  }

  return array;
}
</script>
</html>

票数 0

Stack Overflow用户

发布于 2020-07-17 04:49:20

要消除所有下划线，而不仅仅是标题中的第一个下划线，请使用此行

preparedLink = preparedLink.replace("_", " ");

必须更改为：

preparedLink = preparedLink.replace(/_/g, " ");

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62791822

复制

相似问题

问如何从视频播放器的“标题”中消除路径
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从视频播放器的“标题”中消除路径EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从视频播放器的“标题”中消除路径
EN