Question

我最近问了一个关于音频帖子的类似问题......但是我对视频的处理时间比较困难。作为参考，我提供了（工作）音频示例的链接以及（损坏的）视频示例的链接。

http://www.eastcoastband.com/new/audio-clip/

http://www.eastcoastband.com/new/video-gallery/

正如您所看到的，音频剪辑总是在点击时替换并重新加载，但视频仅在第一次点击时替换并重新加载。我将在下面提供一些代码..

HTML：

<video id="video-play" src="https://www.youtube.com/watch?v=QKvtOAzO_-o" type="video/youtube" controls autoplay >
<h5 
class="change-video" 
data-video="https://www.youtube.com/watch?v=QKvtOAzO_-o" 
data-version="video/youtube">

<img width="480" height="360" src="http://www.eastcoastband.com/new/wp-content/uploads/2015/01/wedding-band-or-dj-oh-the-dilemm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Wedding Band or DJ?  Oh, the Dilemma">
</h5>

JQuery的：

$('.change-video').click(function(){
  var src = $(this).data('video');
  var type = $(this).data('version');
  var player = MediaElementPlayer('#video-play');

  player.pause();
  player.setSrc(src);
  $('#video-play').attr('type', type);
  player.load();
  player.play();
});

有什么建议吗？

Answer 1

$('.change-video').click(function(){
  var src = $(this).data('video');
  var type = $(this).data('version');
  var player = MediaElementPlayer('#video-play');

  player.pause();
  player.setSrc(src);
//  $('#video-play').attr('type', type);
  player.load();
  player.play();
});

类型超出范围或未定义

Answer 2

视频格式的MIME类型没有type =“video / youtube”。您可以在http://www.w3schools.com/tags/tag_video.asp

中找到参考

Format    MIME-type
MP4       video/mp4
WebM      video/webm
Ogg       video/ogg

视频src不会在点击其他对象时重新加载

2 个答案: