質問編集履歴

1

変更

2019/12/01 02:44

投稿

yoshiAkaris
yoshiAkaris

スコア4

test CHANGED
File without changes
test CHANGED
@@ -3,8 +3,6 @@
3
3
  こんにちは。プログラミングの知識はあまりないのですが、ググりながら頑張って勉強しています。wordpressで動画閲覧サイトを運営しているのですが、video.jpというサービスを利用することで以下のコードで倍速再生ができることを知りましたので実装したいと考えております。また、動画は埋め込みではありません。
4
4
 
5
5
  ここに質問の内容を詳しく書いてください。
6
-
7
-
8
6
 
9
7
 
10
8
 
@@ -20,7 +18,7 @@
20
18
 
21
19
  <!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
22
20
 
23
- <script src="https://vjs.zencdn.net/ie8/ie8-version/videojs-ie8.min.js"></script>
21
+ <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
24
22
 
25
23
  </head>
26
24
 
@@ -30,7 +28,7 @@
30
28
 
31
29
  <video id='my-video' class='video-js' controls preload='auto' width='640' height='264' data-setup='{}'>
32
30
 
33
- <source src='/videodayo.mp4' type='video/mp4'>
31
+ <source src='http://nob10.com/wp-content/uploads/2019/11/5cc33a96b107855483b098d52fcb6ef6.mp4' type='video/mp4'>
34
32
 
35
33
 
36
34
 
@@ -76,16 +74,68 @@
76
74
 
77
75
  wordpressでテーマのheader.phpのhead内に上記のhead内容を、投稿記事に上記のbody内容を書き込んで投稿すると、動画の倍速ボタンがなくなります。
78
76
 
79
- 私自身なエラーなのかがわかっていない状態恐縮でが、
77
+ 現在は、wordpressのページのみ、ソースコードのエラーをGooglechrome確認ると
80
78
 
81
- どのような原因が考えられるかご教授いただけると幸いです。
79
+ Uncaught SyntaxError: Unexpected token '<'
80
+
81
+ と表示され、
82
+
83
+ ```ここに言語を入力
84
+
85
+
86
+
87
+ <body class="post-template-default single single-post postid-668 single-format-standard logged-in admin-bar no-customize-support public-page page-body categoryid-3 ff-kosugi-maru fz-20px fw-500 hlt-center-logo-wrap ect-entry-card-wrap rect-entry-card-wrap no-scrollable-sidebar no-scrollable-main sidebar-right mblt-footer-mobile-buttons scrollable-mobile-buttons author-admin mobile-button-fmb no-mobile-sidebar no-sp-snippet font-awesome-4" itemscope itemtype="https://schema.org/WebPage">
88
+
89
+
90
+
91
+ 省略
92
+
93
+
94
+
95
+ <div class="entry-content cf" itemprop="mainEntityOfPage">
96
+
97
+
98
+
99
+ <video id='my-video' class='video-js' controls preload='auto' width='640' height='264' data-setup='{}'>
100
+
101
+ <source src='http://nob10.com/wp-content/uploads/2019/11/5cc33a96b107855483b098d52fcb6ef6.mp4' type='video/mp4'>
82
102
 
83
103
 
84
104
 
85
105
 
86
106
 
87
- ### 試したこと
107
+ To view this video please enable JavaScript, and consider upgrading to a web browser that
88
108
 
89
- header.phpのhead内に書く代わりにInsert header and footerというプラグインを使ったりしましたが、このスクリプトは正常に機能しているようでした。
109
+ <a href='https://videojs.com/html5-video-support/' target='_blank'>supports HTML5 video</a>
90
110
 
111
+
112
+
113
+
114
+
115
+ </video>
116
+
117
+ <script src='https://vjs.zencdn.net/7.5.5/video.js'></script>
118
+
119
+
120
+
121
+ <script src='https://vjs.zencdn.net/7.5.5/video.js'></script>
122
+
123
+ <script>
124
+
125
+ (function(window, videojs) {
126
+
91
- ・実際のWebページとローカル環境(成功した方)でソースコードを1時間ほど見比べてみたのですが、初心者にはさっぱりで涙が出そうです。
127
+ var player = window.player = videojs('my-video', {
128
+
129
+ playbackRates: [0.5, 1, 1.5, 2]
130
+
131
+ });
132
+
133
+ }(window, window.videojs));
134
+
135
+ </div>←ここでエラー!!!!
136
+
137
+ ```
138
+
139
+ といった状況です。どこをいじれば解決するのでしょうか?
140
+
141
+ ご教授いただけると幸いです。