2014-09-04 100 views
0

我們使用html5元素設計在我們的網頁上安裝了播放器,但是,播放器無法加載允許播放視頻的控件。videojs player not working on ipad

我們沒有任何Android設備上的這個問題,這只是影響iOS設備。

這裏是看我們已經實現了玩家的鏈接:

https://liveconferencepro.com/vp/viewHTML5.php?id=tah1pa

可有人請告訴我們,我們可以得到正確的代碼,以便玩家將針對iOS設備的工作?

湯姆

+0

你試過了哪個版本的IOS?它看起來就是默認的視頻,所以應該播放。 – 2014-09-04 16:06:22

回答

0

由於多種原因,Chrome瀏覽器出現了問題。首先是鏈接將我帶到通過SSL提供的頁面,但Videojs包含的內容是通過http,這意味着它們從未被加載,因爲內容不安全。

一旦我固定的,我注意到在控制檯此錯誤:Uncaught InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': '<source' is not a valid attribute name.

這似乎是因爲你沒有關閉開口視頻標籤:

<video id="videoPlayer" class="video-js vjs-default-skin" controls autoplay preload="auto" width="412" height="232" poster="https://liveconferencepro.com/vp/logo.jpg" 
        data-setup="" 

    <source src="http://vjs.zencdn.net/v/oceans.mp4" type='video/mp4'> 
    <source src="http://vjs.zencdn.net/v/oceans.webm" type='video/webm'> 
    ... 
</video> 

最後,請記住,如果您想在移動設備上使用自定義控件,則需要啓用自定義控件。由於移動設備的特性,目前我們默認已禁用自定義控件,但您可以將該選項設置爲nativeControlForTouch: false以禁用此選項。

希望有幫助!