iframe埋め込み方法

iframe埋め込み方法

動画商材のためのiframe埋め込みの方法です。

Vimeoアカウントにアップロードした動画からiframeをコピーしてiframe埋め込みフレームに張り付けることで動画の埋め込みが可能になります。(チャットのiframe埋め込みも可能)
また、予告動画など、購入前に見せたい動画がある場合は商品詳細にiframeを張り付けることで表示できます。

Vimeoで商材にしたい動画編集画面を選択し、埋め込みボタンをクリックしてiframe埋め込みコードをコピーします

右上の埋め込みボタンをクリックすることでiframe埋め込みコードがコピーされます

詳細設定→一般→プライバシーで、特定のドメインへの埋め込み許可を指定し、cielo-artistmusic.comを設定します。
これを設定しないと、購入後、他のページなどにiframeソースを埋め込めることになってしまいますのでご注意ください。

なお、ご自身のウェブサイトなどでも埋め込み動画を放送する場合などは、cielo-artistmusic.comのほかに、ご自身のサイトのドメインをご指定下さい(複数入力可)
アカウントにログインの後、出品画面で商品詳細に予告動画、iframe埋め込み枠に埋め込みコードを埋め込んで出品します。
なお、埋め込みフレームは580×326で4.7インチ相当の横視聴に適応します。(iphone7程度のディスプレイ)

購入者での表示はこのようになります

右下の続きを読むをクリックすると予告画面が表示されます

購入者は購入履歴から視聴ができるようになります。