2013-05-14 41 views
0

我正在使用timesheets.js進行SMIL演示。如何在參數激活時播放視頻

在JavaScript控制檯我看到這一點:

<div id="slide3" class="transition" smil="active"> 
    <video id="foo" source type="video/mp4" src="foo.mp4"> 
</div> 

參數:smil="active"或者是activedone

我想玩foo.mp4smil="active"

我已經添加了這一點:

<script> 
    $(document).ready(function() { 
     $('#foo').prop('autoplay', true); 
    }); 
</script> 

卻一次次頁面加載時的視頻,所以當smil="active"視頻已經結束。

我該如何解決這個問題?

編輯:

這是JS是一個觸發了狀態= 「活動」:

var state = ""; 
    this.isActive = function() { return (state == "active"); }; 
    this.show = function() { 
    if (state == "active") return; 
    state = "active"; 
    if (0) try { 
     consoleLog(domNode.nodeName + "#" + domNode.id + " -- show()"); 
    } catch(e) {} 
    self.setTargetState(state); 
    self.dispatchEvent("begin"); 
    self.addEventListener(endEvents, onendListener); 
    self.removeEventListener(beginEvents, onbeginListener); 
    //if (self.parentNode.timeContainer == "excl") consoleLog("show"); 
    }; 

回答

1

檢查屬性是播放之前等於活動:

$(document).ready(function() { 
    if($('#slide3').attr('smil') == 'active') { 
    $('#foo').prop('autoplay', true); 
    } 
    else { 
    $('#foo').prop('autoplay', false); 
    } 
}); 
+0

感謝您的回答。它雖然沒有幫助..:/它不改變自動播放的道具 – Stichy 2013-05-14 12:56:39

+0

@HundkartanJonas它從上面的代碼判斷工作。你需要提供更多的代碼或jsFiddle - 你如何改變屬性? – lifetimes 2013-05-14 13:01:51

+0

絕對! 鏈接在這裏:[鏈接] http://centrumkanalen.se/btv/timesheets/demo/slideshow2.html – Stichy 2013-05-14 13:06:43