无法在IE9上通过JavaScript更改视频标记源 [英] Unable to change source of video tag via JavaScript on IE9

问题描述

您好我正在研究HTML5视频播放器，目前我遇到了一个奇怪的错误。我可以在IE和Chrome中播放视频，但是，当我动态想要通过java脚本更改视频源时，我遇到了麻烦。 Chrome更改视频源没有任何问题，但IE9保留以前的视频intect并且不会更改。 Safari也可以正常工作。

Hi I am working on HTML5 Video Player, Currently i am experiencing a wierd error. I am able to play the video fine in IE and Chrome fine, however, when i dynamically want to change the video source via java script, i ran into troubles. Chrome change the video source without any problem however IE9 keep the previous video intect and just does not change. Safari also works fine.

我确实尝试在stackoverflow中搜索并发现了不少相同的问题，并尝试了几乎所有的答案，但似乎IE有自己的工作方式或我错过了什么。
为了确保我切换文件以验证两个视频都在IE9中运行，两者都有，但是当我尝试通过javascript操作它们时它们只是不播放。示例代码低于

I did try to search in stackoverflow and found quite a few same questions and tried almost every answer but it seems IE has its own style of working or i am missing something. Just to be sure i switch the files in order to verify both videos are working in IE9 and both do, however they just dont play when i try to manipulate them via javascript. a sample code is below

<div class="video">
     <video id="example_video_2" class="video-js" width="640" height="264" controls="controls" preload="auto" >
        <source src="song.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />             </div>                
   </div>

虽然javascript很简单

while javascript is as simple

function myNewSrc() {

    var myVideo = document.getElementById('example_video_2');
  // myVideo.src = "";
   myVideo.src = "120235_VIDHIGH.mov";
    //alert(myVideo.src);
    myVideo.load();

    myVideo.play();
    //changeMovieSource('song.mp4','something');
    //$("#example_video_2 > source").attr("src", "120235_VIDHIGH.mov");
    //alert($("#example_video_2 > source").attr("src"));    
    }

推荐答案

删除完整的视频html元素并创建一个新的，而不是只替换其中一个属性。

Remove the complete video html element and create a new one instead of just replacing one of its attributes.

这篇关于无法在IE9上通过JavaScript更改视频标记源的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！