小编Vij*_*ran的帖子

DOMException:无法加载,因为找不到支持的源

我收到DOMException:无法加载,因为在video.play()中找不到支持的源 ; 线.我只是在添加了video.setAttribute('crossorigin','anonymous')之后才遇到这个问题; 我正在开发移动应用程序,所以对于交叉起源我需要添加这一行.更新chrome 50版本后,我在此之前遇到此问题,它可以正常工作.

<!DOCTYPE html>
    <html>
    <head> 
       <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    </head> 
    <body>  
    <script>     
     var video = document.createElement( 'video' ); 

     video.id = 'video';    
     video.type = ' video/mp4; codecs="theora, vorbis" ';   
     video.src = "http://abcde.com/img/videos/what_is_design_thinking.mp4"; 
     video.volume = .1; 
     video.setAttribute('crossorigin', 'anonymous');    
     video.load(); // must call after setting/changing source   

     $('body').html(video);
     video.play();  

     var canvas = document.createElement('canvas');
     var ctx = canvas.getContext('2d');

     $('body').append(canvas);

     video.addEventListener('play', function() {
       var $this = this; //cache
       (function loop() {
       if (!$this.paused && !$this.ended) {
       ctx.drawImage($this, 0, 0);
       setTimeout(loop, 1000 …
Run Code Online (Sandbox Code Playgroud)

html javascript html5

20
推荐指数
4
解决办法
6万
查看次数

识别最后一个元素

我怎么能用css找到最后一个子元素,这是我的代码.

<div class="leftelement"></div>
<div class="rightelement"></div>
<div class="leftelement"></div>
<div class="rightelement"></div>
<div class="leftelement"></div> <!-- this element -->
<div class="rightelement"></div>
Run Code Online (Sandbox Code Playgroud)

我尝试了下面的方法,它不适合我.任何人都可以帮助我.我不想使用nth-child,因为有时候元素的数量会增加

.leftelement:last-of-type.leftelement:last-child没有工作

css

5
推荐指数
1
解决办法
99
查看次数

如何加载字体并使用TextGeometry渲染它

我最近开始研究three.js,现在我正面临着文本几何问题.我使用three.js版本75,我使用了js/helvetiker_bold.typeface.js字体.

var geometry = new THREE.TextGeometry( this.txt, {
  size: this.textSize,
  height: this.textHeight,
  curveSegments: 3,
  font: this.textFont,
  weight: "bold",
  style: "normal",
  bevelEnabled: false
});
Run Code Online (Sandbox Code Playgroud)

由于以下问题,测试无法渲染

1未捕获的ReferenceError:未定义_typeface_js

2.three.min.js:889 THREE.TextGeometry:font参数不是THREE的实例.Font

任何人都可以帮助我.

javascript three.js

5
推荐指数
2
解决办法
6813
查看次数

根据日期和时间对JSON数据进行排序

是否可以使用jQuery/Javascript根据时间(2016-12-07T13:00:00)重新排列以下JSON格式.

[
   {
      "id":1,
      "start":"2016-12-07T13:00:00",
      "subject":"test1",
   },
   {
      "id":2,
      "start":"2016-12-07T09:00:00",
      "subject":"test2",
   },
   {
      "id":3,
      "start":"2016-12-07T10:00:00",
      "subject":"test3",
   },
   {
      "id":4,
      "start":"2016-12-07T07:00:00",
      "subject":"test4",
   },
   {
      "id":5,
      "start":"2016-12-07T14:00:00",
      "subject":"test5",
   }
]
Run Code Online (Sandbox Code Playgroud)

javascript jquery json

1
推荐指数
1
解决办法
1336
查看次数

标签 统计

javascript ×3

css ×1

html ×1

html5 ×1

jquery ×1

json ×1

three.js ×1