Question

我很困惑，因为webm不能正确显示。但是，当我将代码更改为<video controls><source src="http://i.imgur.com/91S22q6.webm" type="video/webm" codecs="vp8, vorbis" style="width: 100%; height: auto;></video>这样的最低限度时，它就可以工作了...那么我的 full 代码怎么办，webm不起作用？

https://jsfiddle.net/2buqa04d/

HTML

<div class = "entry-body">
  <div class = "entry-title">
    <a href="http://i.imgur.com/91S22q6.webm">Title</a>
  </div>
  <div class= "entry-byline">
    by John Smith
  </div>
</div>

JS

$('.entry-body').each(function() {

var hplink = ($(this).find('.entry-title').find("a").prop('href'));

                        if (hplink.toLowerCase().match(/\.(webm)/g)) { 
                            
              
                            
            $(this).find('.entry-byline').after('<div class="beforeembed"></div><div class="hpembed hpembedMW"><video controls><source src="'+hplink+'" type="video/webm" codecs="vp8, vorbis" style="width: 100%; height: auto;></video></div>');

                        }
            
alert(hplink);

});

Answer 1

代码末尾缺少"

$('.entry-body').each(function() {

var hplink = ($(this).find('.entry-title').find("a").prop('href'));

                        if (hplink.toLowerCase().match(/\.(webm)/g)) { 
                            
              
                            
            $(this).find('.entry-byline').after('<div class="beforeembed"></div><div class="hpembed hpembedMW"><video controls><source src="'+hplink+'" type="video/webm" codecs="vp8, vorbis" style="width: 100%; height: auto;"></video></div>');

                        }
            
alert(hplink);

});

“高度：自动；”之后

为什么这个webm不播放？

1 个答案: