js加载视频,动态赋值

<object>视频加载,在页面不能实现动态赋值, 将<object>标签写在js中延迟加载,解决不能修改的html对象的问题

1、动态创建这个object( <object> )

        $scope.videoParam = function () {
            var oFlash = '<object          
        type="application/x-vlc-plugin" 
        pluginspage="http://www.videolan.org/" events="false">'
                +'<param name="mrl" value="'+ $scope.cameraUrl 
        +'"/>'
                +'<param value="50" name="volume"/>'
                +'<param value="true" name="autoplay"/>'
                +'<param value="false" name="loop"/>'
                +'<param value="false" name="fullscreen"/>'
                +'<param value="false" name="controls"/>'
                +'</object>';
            document.getElementById('player').innerHTML = oFlash;
        };
        
        $scope.videoParam();

2、修改 <object>中param的valure的值

    $timeout(function(){
         var prmsUel = $scope.cameraUrl;
          var prms=document.getElementById("vlc").getElementsByTagName("param");
          for(var i=0;i<prms.length;i++){
               if(prms[i].name=="mrl"){
                    prms[i].value = prmsUel;
               }
          }
 },200);
 $timeout();延迟加载

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-09-16
猜你喜欢
  • 2021-05-30
  • 2022-12-23
  • 2022-02-08
  • 2022-02-04
  • 2022-12-23
  • 2021-11-26
  • 2022-12-23
相关资源
相似解决方案
粤ICP备22038628号Powered By WordPress