問題タブ [tubular]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
1981 参照

jquery - 埋め込まれた YouTube プレーヤーがミュートされていない

YouTube ビデオをバックグラウンドとして再生する Tubular jQuery プラグインを使用しており、バックグラウンドでビデオをミュートしようとしています。

コードは次のとおりです。

ご覧のとおり、Youtube プレーヤーの準備が整うまで待機してから、次の処理に進みます。

ただし、ビデオ プレーヤーが読み込まれると、これらの関数は実行されず、代わりにオーディオのミュートが解除された状態で再生が開始されます。どうすればこれを解決できますか? ありがとうございました。

0 投票する
0 に答える
456 参照

jquery - チューブラーは複数のビデオを使用します

バックグラウンドでYoutubeビデオを表示するJSプラグインであるTubularを使用しています。現在、この関数では 1 つのビデオしか使用できないため、ビデオの配列をループすることはできません。これが私が達成したいことです。

関数は次のように機能します

このように、次々に再生される複数のビデオ ID を含めるように拡張したいと考えています。

どんなアイデアでも大歓迎です:)

0 投票する
2 に答える
3210 参照

jquery - Safari 7 (mac) で管状の jquery ビデオが起動しない

管状プラグイン ( http://www.seanmccambridge.com/tubular/ ) を使用して、微妙な HTML ビデオ背景を作成しています。これは Chrome では機能しますが、Mac の Safari 7 ではビデオが開始されません。

サファリがビデオを自動起動しない理由である z-index に絞り込みました。tubularContainer の z-index (デフォルトは 1) を他のコンテンツより上の値 (たとえば 9999) に変更すると、ビデオは正常に開始されます。

このサファリの動作を回避する方法を知っている人はいますか? 上に z-index のコンテンツがあると、まるでビデオが始まらないかのようです。

0 投票する
5 に答える
207 参照

javascript - 2 つの A HREF のうちの 1 つをクリックしたときに表示を切り替えますか?

できるだけ簡単に言えば。

私は1つを持っている

と秒

最初は一時停止だけを表示したいのですが、クリックすると消えて再生が表示されるようになります。

私のビデオの実際の一時停止と再生のトリガーとなるのは、クラスのtubular-pausetubular-playです。したがって、クリックのアクションはそのままで、「トグル」の前に発生する必要があると思います。

ありがとうございました!

0 投票する
1 に答える
870 参照

html - Jquery-tubular プラグインの問題

初めてビデオの背景を作成しようとしていて、このチューブラー プラグインを見つけました。手順に従うと、本文にコードを追加すると複雑になるようです。jquery リンクを追加しましたが、何らかの理由で追加したコードが有効ではありません。このプラグインを機能させる方法を教えてくれる人はいますか?

これは私が従おうとしている命令です: https://code.google.com/p/jquery-tubular/

前もって感謝します!

ここに私のコードがあります:

0 投票する
1 に答える
205 参照

javascript - モバイル ブラウザのビデオ背景

背景にビデオがある新しいウェブサイトを作ろうとしています。JS ライブラリを見つけました:管状

このプラグインは、デスクトップ ブラウザーで期待どおりに動作します。(チェック:Chrome、Safari、Firefox)

しかし、これはモバイルブラウザでは機能しません。(Nexus 5、HTC M8)で試してみました。両方のデバイスがビデオ バックグラウンドに応答していません。この問題の解決策または私が使用できる代替ライブラリを知っている人はいますか?

0 投票する
2 に答える
1350 参照

javascript - Jqueryチューブラーロード複数のインスタンス

最初のインスタンスが再生されてから x 秒後に、2 番目の管状インスタンスを起動したいと思います。

プレーヤーを接続するために2つのdivを使用しています

チューブラーを起動するスクリプトが 2 つあります。

最初の管状インスタンスを正常に起動します。2 番目のインスタンスplayercount: 2が起動されると、iframe ではなく、チューブラー コンテナーとシールドのみが追加されます。

player1 のみがロードされます。

インスタンスがロードされているかどうかを監視するコンソール ログを追加しました。

コンソールログ

ここに jquery.rhtv.init.js へのリンクがあります (これは管状関数を呼び出します)。

http://nopaste.linux-dev.org/?833094

変更された管状 JS へのリンクは次のとおりです。

http://nopaste.linux-dev.org/?833101

これはすべてライブで実行されています:

http://www.realhardstyle.tv

YouTube iframe を 2 番目のインスタンス (およびそれ以降) にロードするにはどうすればよいですか。最終結果は、YouTube ビデオのノンストップ再生ストリームになるはずです。開始されたすべてのビデオについて、「現在再生中」の div が表示される場所 (jquery.rhtv.init.js のように)

前もって感謝します!